사용자:CrMT/common.js: 두 판 사이의 차이

잔글편집 요약 없음
잔글편집 요약 없음
19번째 줄: 19번째 줄:
var wrap_div = document.createElement("div");
var wrap_div = document.createElement("div");
var mascot_img_html = document.createElement("img");
var mascot_img_html = document.createElement("img");
var balloon = document.createElement("div");
 
$(balloon).css("display","none");
$(balloon).css("position","fixed");
mascot_img_html.balloon = balloon;
mascot_img_html.onload = function()
{
$(this.balloon).css("display","");
$(this.balloon).html(comment);
$(this.balloon).css("background-color","#000");
$(this.balloon).css("color","#FFF");
$(this.balloon).css("max-width","225px");
$(this.balloon).css("padding","16px");
$(this.balloon).css("bottom",$(this).height()/2 +32 - $(this.balloon).height()/2);
$(this.balloon).css("right",$(this).width() + 32);
$(this.balloon).css("border-radius",5);
var timer_handle = 0;
var balloon = this.balloon;
function cleartimer()
{
clearInterval(timer_handle);
$(balloon).fadeOut();
}
timer_handle = setInterval(function () {cleartimer()}, 30000);
}
mascot_img_html.src = select.img;
mascot_img_html.src = select.img;
   
   

2015년 6월 21일 (일) 19:31 판

/* user:다메즈마 */
function randomRange(n1, n2) {
  return Math.floor( (Math.random() * (n2 - n1)) + n1 );
}
if($(document).width() > 8)
{
	var akarin =
	{
		img:"http://a2.img.mobypicture.com/8622e6c3bff4bdfc59f55a6fd6a92dba_view.jpg",
		comment:"공부하세요."
	};
	var mascot_list = 
	[
	akarin,
	];
	var select = mascot_list[randomRange(0,mascot_list.length)];
	var comment = select.comment;
 
	var wrap_div = document.createElement("div");
	var mascot_img_html = document.createElement("img");

	mascot_img_html.src = select.img;
 
	$(wrap_div).css("position","fixed");
	$(wrap_div).css("right","32px");
	$(wrap_div).css("bottom","32px");
 
	$(mascot_img_html).css("height",256);
	$(wrap_div).append(mascot_img_html);
	$(document.body).append(wrap_div);
	$(document.body).append(balloon);
	mascot_img_html.is_small = false;
	$(mascot_img_html).click(function()
	{
		if(this.is_small == false)
		{
			$(this).css("height",128);
		}
		else
		{
			$(this).css("height",256);
		}
		this.is_small = !this.is_small;
	});
}