1. 程式人生 > 實用技巧 >js 生成雪花間隔

js 生成雪花間隔

<script type="text/javascript">
   window.onload = function () {
                var minSize = 10; //最小字型
                var maxSize = 20;//最大字型
                var newOne = 600; //生成雪花間隔
                var flakColor = "#f5f5f5fa"; //雪花顏色
                var flak = $("<div></div>").css({position
:"absolute","top":"0px"}).html("✽");//定義一個雪花 var dhight = $(window).height(); //定義檢視高度 var dw =$(window).width()-80; //定義檢視寬度 setInterval(function(){ var sizeflak = minSize+Math.random()*maxSize; //產生大小不等的雪花 var startLeft = Math.random()*dw; //雪花生成是隨機的left值 var startOpacity = 0.7+Math.random()*0.3; //隨機透明度 var endTop= dhight-100; //雪花停止top的位置 var endLeft= Math.random()*dw; //雪花停止的left位置 var durationfull = 5000+Math.random()*3000; //雪花飄落速度不同 flak.clone().appendTo($("body")).css({ "left"
:startLeft , "opacity":startOpacity, "font-size":sizeflak, "color":flakColor }).animate({ "top":endTop, "left":endLeft, "apacity":0.1 },durationfull,function(){ $(this).remove()
}); },newOne); } </script>