javascript动画毛爷爷满天飘
var minSize=50;
var maxSize=100;
var newOn=200;
var flakeColor="#fff";
var flak=$("<div></div>").css({"position":"absolute","top":"-50px"}).html("<img src='timg.jpg'></img>");
$(function(){
var dheight=$(document).height();//获取屏幕的高
var dwidth=$(document).width();//获取屏幕的宽
setInterval(function(){
var startPostion=Math.random()*dwidth;//位置
var startOpacity=0.7+Math.random()*0.3;//透明度
var endPositionTop=dheight;//高度
var endPositionLeft=Math.random()*dwidth;//生成一个左的随机数
var durationFall=2000+Math.random()*3000;//时间
var sizeFalsk=minSize+Math.random()*maxSize;//大小
flak.clone().appendTo("body").css({//复制
"left":startPostion,
"opacity":startOpacity,
"fontSize":sizeFalsk,
"backgroundColor":flakeColor
}).animate({//动画
"top":endPositionTop,
"left":endPositionLeft,
"opacity":0.5
},durationFall,function(){$(this).remove();});//移除事件
},newOn);
});
var maxSize=100;
var newOn=200;
var flakeColor="#fff";
var flak=$("<div></div>").css({"position":"absolute","top":"-50px"}).html("<img src='timg.jpg'></img>");
$(function(){
var dheight=$(document).height();//获取屏幕的高
var dwidth=$(document).width();//获取屏幕的宽
setInterval(function(){
var startPostion=Math.random()*dwidth;//位置
var startOpacity=0.7+Math.random()*0.3;//透明度
var endPositionTop=dheight;//高度
var endPositionLeft=Math.random()*dwidth;//生成一个左的随机数
var durationFall=2000+Math.random()*3000;//时间
var sizeFalsk=minSize+Math.random()*maxSize;//大小
flak.clone().appendTo("body").css({//复制
"left":startPostion,
"opacity":startOpacity,
"fontSize":sizeFalsk,
"backgroundColor":flakeColor
}).animate({//动画
"top":endPositionTop,
"left":endPositionLeft,
"opacity":0.5
},durationFall,function(){$(this).remove();});//移除事件
},newOn);
});
需要的请留邮箱