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

     需要的请留邮箱

  • 相关阅读:
    ubuntu 16.04 连接无线网络
    linux的内存管理-抛砖引玉
    linux的进程调度-抛砖引玉
    AliOS Things 异步事件框架Yloop
    AliOS Things 云端物联网操作系统
    linux performance tools
    linux进程调度
    linux 内核Lockup机制浅析
    cache和内存屏障
    linux设备模型及实例
  • 原文地址:https://www.cnblogs.com/RebornC/p/6777605.html
Copyright © 2020-2023  润新知