• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 前端開發(fā) >> JavaScript教程 >> 用JavaScript實現(xiàn)窗口從天而降效果

用JavaScript實現(xiàn)窗口從天而降效果

• 作者：創(chuàng)新互聯(lián) 文章來源：前端開發(fā)部 點(diǎn)擊數(shù)： 更新時間：2011-12-19
• 今天，我和大家分享一個特效，讓大家感到你的“葉子”更加與眾不同！
  　　窗口從天而降的效果：給人以為之一振的感覺。實現(xiàn)方法是，先在內(nèi)空一格后加上“onLoad="drop(300)”，即成為“< body onLoad="drop(300)"…>”；再在< head>和< /head>之間加入如下代碼(這段代碼較簡單，我就不再多解釋啦)：
  <script language="Java-<p>Script"></p>
  <p>function drop(n)</p>
  <p>{</p>
  <p>if(self.moveBy){</p>
  <p>self.moveBy (0,-900);</p>
  <p>for(i = n; i > 0; i--){</p>
  <p>self.moveBy(0,3);</p>
  <p>}</p><p>for(j = 8; j > 0; j--){</p>
  <p>self.moveBy(0,j);</p><p>self.moveBy(j,0);</p>
  <p>self.moveBy(0,-j);</p>
  <p>self.moveBy(-j,0);</p>
  <p>}</p>
  <p>}</p>
  <p>}</p>
  </script>
• js的替換函數(shù)replace只替換了一次的解決方法 :上一篇
  JS實現(xiàn)背景透明度可變，文字不透明的效果 :下一篇