網頁雪花背景特效

時間 2019-12-25

標籤網頁雪花背景特效欄目 HTML 简体版

原文原文鏈接

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>

       <style>
           *{
               margin: 0;
               padding: 0;
           }
           body{
               background: #000;
           }
       </style>
   </head>
   <body>

   </body>
   <script type="text/javascript">
       var minSize = 5;
       var maxSize = 20;
       var newOne = 200;
       var fColor = '#fff';
       var flak = $('<div></div>').css({
           'position':'absolute',
           'top':'50px'
           }).html('&lowast;');
       $(function(){
           var dh = $(document).height();
           var dw = $(document).width();
           setInterval(function(){
               var sPl = Math.random()*dw;
               var sO = 0.7 + Math.random()*0.3;
               var ePt = dh;
               var eOl = Math.random()*dw;
               var dur = 5000+Math.random()*3000;
               var sSize = minSize + maxSize*Math.random();
               flak.clone().appendTo('body').css({
                   'left':sPl,
                   'opacity':sO,
                   'font-size':sSize,
                   'color':fColor
               }).animate({
                   'top':ePt,
                   'left':eOl,
                   'opacity':0.5
               },dur,function(){$(this).remove()});//清除div防止過多
           },newOne);
       });
           javascript

</script>
</html>
css

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。