잔글편집 요약 없음 |
잔글편집 요약 없음 |
||
5번째 줄: | 5번째 줄: | ||
if($(document).width() > 8) | if($(document).width() > 8) | ||
{ | { | ||
var | var akarin = | ||
{ | { | ||
img:"", | img:"http://a2.img.mobypicture.com/8622e6c3bff4bdfc59f55a6fd6a92dba_view.jpg", | ||
comment:"" | comment:"공부하세요." | ||
}; | }; | ||
var mascot_list = | var mascot_list = | ||
[ | [ | ||
akarin, | |||
]; | ]; | ||
var select = mascot_list[randomRange(0,mascot_list.length)]; | var select = mascot_list[randomRange(0,mascot_list.length)]; | ||
60번째 줄: | 41번째 줄: | ||
$(balloon).fadeOut(); | $(balloon).fadeOut(); | ||
} | } | ||
timer_handle = setInterval(function () {cleartimer()}, | timer_handle = setInterval(function () {cleartimer()}, 30000); | ||
} | } |
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");
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;
$(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;
});
}