zoukankan      html  css  js  c++  java
  • 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);
        
        
        
        
        
    });

     需要的请留邮箱

  • 相关阅读:
    12.4
    12.3
    学期总结
    12.20 期末考试总结
    12.18 准备
    12.17 CSS学习
    12.16 CSS学习
    12.15 CSS学习
    12.14 学习总结
    12.11 AJAX的基础知识
  • 原文地址:https://www.cnblogs.com/RebornC/p/6777605.html
Copyright © 2011-2022 走看看