本文主要是介绍jquery 雪花飘落的组件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
/**2015/11/30
*@MT制作-雪花飘落的组件
*/
$(document).ready(function(e) {
$("<div></div>").addClass("snowDome").appendTo($(document.body));
$('.snowDome').css({
"background":"#000",
"position":"fixed",
"top":"0px",
"left":"0px",
"z-index":"-1",
"width":$(window).width()-0,
"height":$(window).height()-0
});
// 定时制作雪花
setInterval(function(){
$("<div>❄</div>").css({
"color":"#fff",
"position":"absolute",
"top":"-100px",
"font-size":Math.random()*30+14,
"left":Math.random()*($(window).width()-0),
"opacity":"1"
}).appendTo(".snowDome").animate({
"top":$(window).height()-0,
"left":Math.random()*($(window).width()-0),
"opacity":"0.2"
},Math.random()+10000,function(){
$(this).remove();
});
},90);
});
这篇关于jquery 雪花飘落的组件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!