⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 74.html

📁 javescript网页特效80个例子
💻 HTML
字号:
<HTML>
<HEAD>
<TITLE>雪花纷飞的背景</TITLE>
<STYLE type=text/css>
A {COLOR: blue; FONT-SIZE: 10pt; TEXT-DECORATION: none}
A:hover {COLOR: black; FONT-SIZE: 10pt}
TD {FONT-SIZE: 10pt}
</STYLE>
</HEAD>
<BODY bgColor=white topMargin=0>
<DIV id=topline style="HEIGHT: 10px; LEFT: 6px; POSITION: absolute; TOP: 5px; VISIBILITY: visible; WIDTH: 696px; Z-INDEX: 10">
<script>
   //Configure below to change URL path to the Topok image
   var Topoksrc="05.bmp"
   // Configure below to change number of Topok to render
   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 = 1024, doc_height =768;
   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[i] = 0;                        // set coordinate variables
     xp[i] = Math.random()*(doc_width-50);  // set position variables
     yp[i] = Math.random()*doc_height;
     am[i] = Math.random()*20;         // set amplitude variables
     stx[i] = 0.02 + Math.random()/10; // set step variables
     sty[i] = 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=\"#/\"><img src='"+Topoksrc+"' border=\"0\"></a></layer>");
       } else {
         document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+Topoksrc+"' 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=\"#\"><img src='"+Topoksrc+"' 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='"+Topoksrc+"' border=\"0\"></div>");
       }
     }
   }
   
   function TopokNS() {  // Netscape main animation function
     for (i = 0; i < no; ++ i) {  // iterate for every dot
       yp[i] += sty[i];
       if (yp[i] > doc_height-50) {
         xp[i] = Math.random()*(doc_width-am[i]-30);
         yp[i] = 0;
         stx[i] = 0.02 + Math.random()/10;
         sty[i] = 0.7 + Math.random();
         doc_width = self.innerWidth;
         doc_height = self.innerHeight;
       }
       dx[i] += stx[i];
       document.layers["dot"+i].top = yp[i];
       document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
     }
     setTimeout("TopokNS()", 10);
   }
 
   function TopokIE() {  // IE main animation function
     for (i = 0; i < no; ++ i) {  // iterate for every dot
       yp[i] += sty[i];
       if (yp[i] > doc_height-50) {
         xp[i] = Math.random()*(doc_width-am[i]-30);
         yp[i] = 0;
         stx[i] = 0.02 + Math.random()/10;
         sty[i] = 0.7 + Math.random();
         doc_width = document.body.clientWidth;
         doc_height = document.body.clientHeight;
       }
       dx[i] += stx[i];
       document.all["dot"+i].style.pixelTop = yp[i];
       document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
     }
     setTimeout("TopokIE()", 10);
   }
 
   if (ns4up) {
     TopokNS();
   } else if (ie4up) {
     TopokIE();
   }
</script>
</DIV>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -