当前位置:主页 > 网页教程 > 网页制作 > 制作技巧 > 内容欢迎大家投稿

100个网页技巧大全(6)

时间:2009-09-26 22:01来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

   r[i] = 1;
   sn = Math.sin(a);
   cs = Math.cos(a);
   cx[i] = Math.random() * doc_width + 1;
   cy[i] = Math.random() * doc_height + 1;
   x[i] = r[i] * sn + cx[i];
   y[i] = cy[i];
   }
   function makeRain() {
   r[i] = 1;
   cx[i] = Math.random() * doc_width + 1;
   cy[i] = 1;
   x[i] = r[i] * sn + cx[i];
   y[i] = r[i] * cs + cy[i];
   }
   function updateRain() {
   r[i] += s;
   x[i] = r[i] * sn + cx[i];
   y[i] = r[i] * cs + cy[i];
   }
   function raindropNS() {
   for (i = 0; i < no; ++ i) {
   updateRain();
   if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
   makeRain();
   doc_width = self.innerWidth;
   doc_height = self.innerHeight;
   }
   document.layers["dot"+i].top = y[i];
   document.layers["dot"+i].left = x[i];
   }
   setTimeout("raindropNS()", speed);
   }
   function raindropIE() {
   for (i = 0; i < no; ++ i) {
   updateRain();
   if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
   makeRain();
   doc_width = document.body.clientWidth;
   doc_height = document.body.clientHeight;
   }
   document.all["dot"+i].style.pixelTop = y[i];
   document.all["dot"+i].style.pixelLeft = x[i];
   }
   setTimeout("raindropIE()", speed);
   }
   if (ns4up) {raindropNS(); }
   else
   if (ie4up) {raindropIE(); }
   // End -->
   </Script>

  36,Q:“地震”JavaScript 脚本:
    A:将以下脚本放在〈Body〉〈/Body〉中间即可:
   <script language="JavaScript1.2">
   <!--
   function shake(n)
   {
   if (window.top.moveBy)
    {for (i = 10; i > 0; i--)
     {for (j = n; j > 0; j--)
      {window.top.moveBy(0,i);
       window.top.moveBy(i,0);
       window.top.moveBy(0,-i);
       window.top.moveBy(-i,0);
      }
     }
    }
   }
   //-->
   </script>
   <form><input onclick="shake(2)" type="button" value="地震啦!"></form>   
 
 
  37,Q:一个用 JavaScript 实现的简陋的计算器:
    A:全部代码如下:
   <html>
   <head>
   <script language="JavaScript">
   <!--
   function compute(obj)
   {obj.expr.value = eval(obj.expr.value)}
   var one = '1'
   var two = '2'
   var three = '3'
   var four = '4'
   var five = '5'
   var six = '6'
   var seven = '7'
   var eight = '8'
   var nine = '9'
   var zero = '0'
   var plus = '+'
   var minus = '-'
   var multiply = '*'
   var divide = '/'
   var decimal = '.'
   function enter(obj, string)
   {obj.expr.value += string}
   function clear(obj, string)
   {obj.expr.value = ''}
   //-->
   </script>
   </head>
   <body>
   <form name="calc">
   <table border=1>
   <tr align="right">
   <td colspan=4><input name="expr" action="compute(this.form)"></td>
   </tr>
   <tr align=center>
   <td><input type="button" value=" 7 " onClick="enter(this.form, seven)"></td>
   <td><input type="button" value=" 8 " onClick="enter(this.form, eight)"></td>(责任编辑:大宝库)



------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接