静态页面上的“从天上掉下砖头”效果！！

最新推荐文章于 2024-04-28 02:47:32 发布

yjyvsdream

最新推荐文章于 2024-04-28 02:47:32 发布

阅读量425

点赞数

<html>
<head>
<title>:::飘雪花效果:::网页特效代码:::IK8网络家园 http://www.ik8.com</title>
</head>
<BODY bgcolor="#000000">
<SCRIPT language=JavaScript1.2>
   var snowsrc="img/snow.gif"
   var no = 10;
   var ns4up = (document.layers) ? 1 : 0; // browser sniffer
   var ie4up = (document.all) ? 1 : 0;
   var dx, xp, yp;    // coordinate and position variables
   var am, stx, sty; // amplitude and step variables
   var i, doc_width = 800, doc_height =600;
   if (ns4up) {
     doc_width = self.innerWidth;
     doc_height = self.innerHeight;
   } else if (ie4up) {
     doc_width = document.body.clientWidth;
     doc_height = document.body.clientHeight;
   }

   dx = new Array();
   xp = new Array();
   yp = new Array();
   am = new Array();
   stx = new Array();
   sty = new Array();
   for (i = 0; i < no; ++ i) {
     dx = 0;                        // set coordinate variables
     xp = Math.random()*(doc_width-50); // set position variables
     yp = Math.random()*doc_height;
     am = Math.random()*20;         // set amplitude variables
     stx = 0.02 + Math.random()/10; // set step variables
     sty = 0.7 + Math.random();     // set step variables
     if (ns4up) {                      // set layers
       if (i == 0) {
         document.write("<layer name=/"dot"+ i +"/" left=/"15/" top=/"15/" visibility=/"show/"><a href=/"http://www.ik8.com//"><img src='"+snowsrc+"' border=/"0/"></a></layer>");
       } else {
         document.write("<layer name=/"dot"+ i +"/" left=/"15/" top=/"15/" visibility=/"show/"><img src='"+snowsrc+"' border=/"0/"></layer>");
       }
     } else if (ie4up) {
       if (i == 0) {
         document.write("<div id=/"dot"+ i +"/" style=/"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;/"><a href=/"http://www.ik8.com/"><img src='"+snowsrc+"' border=/"0/"></a></div>");
       } else {
         document.write("<div id=/"dot"+ i +"/" style=/"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;/"><img src='"+snowsrc+"' border=/"0/"></div>");
       }
     }
   }
   function snowNS() { // Netscape main animation function
     for (i = 0; i < no; ++ i) { // iterate for every dot
       yp += sty;
       if (yp > doc_height-50) {
         xp = Math.random()*(doc_width-am-30);
         yp = 0;
         stx = 0.02 + Math.random()/10;
         sty = 0.7 + Math.random();
         doc_width = self.innerWidth;
         doc_height = self.innerHeight;
       }
       dx += stx;
       document.layers["dot"+i].top = yp;
       document.layers["dot"+i].left = xp + am*Math.sin(dx);
     }
     setTimeout("snowNS()", 10);
   }

   function snowIE() { // IE main animation function
     for (i = 0; i < no; ++ i) { // iterate for every dot
       yp += sty;
       if (yp > doc_height-50) {
         xp = Math.random()*(doc_width-am-30);
         yp = 0;
         stx = 0.02 + Math.random()/10;
         sty = 0.7 + Math.random();
         doc_width = document.body.clientWidth;
         doc_height = document.body.clientHeight;
       }
       dx += stx;
       document.all["dot"+i].style.pixelTop = yp;
       document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
     }
     setTimeout("snowIE()", 10);
   }

   if (ns4up) {
     snowNS();
   } else if (ie4up) {
     snowIE();
   }
</SCRIPT>
      <table border="0" width="100%" cellpadding="0">
        <tr>
          <td width="100%"><font color="#ffffff" size="2"><b>飘雪花效果</b>注意保存这个图片（<img border="1" src="img/snow.gif" width="16" height="17">）</font></td>
        </tr>
        <tr>
          <td width="100%">
</table>
</body>

yjyvsdream

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
静态页面上的“从天上掉下砖头”效果！！

:::飘雪花效果:::网页特效代码:::IK8网络家园http://www.ik8.com> var snowsrc="img/snow.gif" var no = 10; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx,
复制链接

扫一扫