网页雪花背景特效

最新推荐文章于 2024-02-16 16:37:17 发布

weixin_33890499

最新推荐文章于 2024-02-16 16:37:17 发布

阅读量335

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2879089/blog/846112

版权

2019独角兽企业重金招聘Python工程师标准>>>

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