码迷,mamicode.com
首页 > 编程语言 > 详细

javascript动画毛爷爷满天飘

时间:2017-04-27 23:16:06      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:nts   maxsize   script   max   clone   var   idt   span   dom   

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);
    
    
    
    
    
});

 需要的请留邮箱

javascript动画毛爷爷满天飘

标签:nts   maxsize   script   max   clone   var   idt   span   dom   

原文地址:http://www.cnblogs.com/RebornC/p/6777605.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!