首页 > Web开发 > 详细

jQuery圣诞雪花

时间:2014-12-30 18:43:47      阅读:277      评论:0      收藏:0      [点我收藏+]

<script type="text/javascript">
$(function(){
var d="<div class=‘y_snow‘>?<div>"
setInterval(function(){
var f=$(document).width();  //获取文档高度
var e=Math.random()*f-300;  //f高度随机数减去300
var o=0.3+Math.random();  //0.3+(0-1)之间随机数
var fon=10+Math.random()*30;//10加上(0-30)随机数
var l = e - 100 + 200 * Math.random();   //f高度随机数减去300-100+(0-200)的随机数
var k=2000 + 5000 * Math.random();   //2000+(0-5000)的随机数
$(d).clone().appendTo(".chris_bg").css({//d的代码复制到.chris_bg
left:e+"px",   //相对位置左移(f高度随机数减去300)的像素
opacity:o,
"font-size":fon,   //文字大小(f高度随机数减去300)的像素
}).animate({
top:"400px",
left:l+"px",   //动画左移的变化(f高度随机数减去300-100+(0-200)的随机数)
opacity:0.3,
},k,"linear",function(){$(this).remove()})     //(2000+(0-5000)的随机数)的秒数
},200)   //0.2秒执行一次
})

</script>

jQuery圣诞雪花

原文:http://www.cnblogs.com/iqiao/p/4194055.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!