返回列表 回復 發帖

工友

Rank: 9Rank: 9Rank: 9
1#
打印
tT
dox發表於 2010-3-6 02:18 | 只看該作者

[網頁特效] 網頁下雨特效(ie觀看有效)

把如下代碼加入到<body>之後</body>之前的區域中便有下雨的特效了
  1. <script language="JavaScript">
  2. <!--
  3. var no = 50;
  4. var speed = 1;
  5. var ns4up = (document.layers) ? 1 : 0;
  6. var ie4up = (document.all) ? 1 : 0;
  7. var s, x, y, sn, cs;
  8. var a, r, cx, cy;
  9. var i, doc_width = 800, doc_height = 600;
  10. if (ns4up) {
  11. doc_width = self.innerWidth;
  12. doc_height = self.innerHeight;
  13. }
  14. else
  15. if (ie4up) {
  16. doc_width = document.body.clientWidth;
  17. doc_height = document.body.clientHeight;
  18. }
  19. x = new Array();
  20. y = new Array();
  21. r = new Array();
  22. cx = new Array();
  23. cy = new Array();
  24. s = 8;
  25. for (i = 0; i < no; ++ i) {  
  26. initRain();
  27. if (ns4up) {
  28. if (i == 0) {
  29. document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
  30. document.write("top=\"1\" visibility=\"show\"><font color=\"#999999\">");
  31. document.write(",</font></layer>");
  32. }
  33. else {
  34. document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
  35. document.write("top=\"1\" visibility=\"show\"><font color=\"#999999\">");
  36. document.write(",</font></layer>");
  37.    }
  38. }
  39. else
  40. if (ie4up) {
  41. if (i == 0) {
  42. document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
  43. document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  44. document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"#999999\">");
  45. document.write(",</font></div>");
  46. }
  47. else {
  48. document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
  49. document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  50. document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"#999999\">");
  51. document.write(",</font></div>");
  52.       }
  53.    }
  54. }
  55. function initRain() {
  56. a = 6;
  57. r[i] = 1;
  58. sn = Math.sin(a);
  59. cs = Math.cos(a);
  60. cx[i] = Math.random() * doc_width + 1;
  61. cy[i] = Math.random() * doc_height + 1;
  62. x[i] = r[i] * sn + cx[i];
  63. y[i] = cy[i];
  64. }
  65. function makeRain() {
  66. r[i] = 1;
  67. cx[i] = Math.random() * doc_width + 1;
  68. cy[i] = 1;
  69. x[i] = r[i] * sn + cx[i];
  70. y[i] = r[i] * cs + cy[i];
  71. }
  72. function updateRain() {
  73. r[i] += s;
  74. x[i] = r[i] * sn + cx[i];
  75. y[i] = r[i] * cs + cy[i];
  76. }
  77. function raindropNS() {
  78. for (i = 0; i < no; ++ i) {
  79. updateRain();
  80. if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
  81. makeRain();
  82. doc_width = self.innerWidth;
  83. doc_height = self.innerHeight;
  84. }
  85. document.layers["dot"+i].top = y[i];
  86. document.layers["dot"+i].left = x[i];
  87. }
  88. setTimeout("raindropNS()", speed);
  89. }
  90. function raindropIE() {
  91. for (i = 0; i < no; ++ i) {
  92. updateRain();
  93. if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
  94. makeRain();
  95. doc_width = document.body.clientWidth;
  96. doc_height = document.body.clientHeight;
  97. }
  98. document.all["dot"+i].style.pixelTop = y[i];
  99. document.all["dot"+i].style.pixelLeft = x[i];
  100. }
  101. setTimeout("raindropIE()", speed);
  102. }
  103. if (ns4up) {
  104. raindropNS();
  105. }
  106. else
  107. if (ie4up) {
  108. raindropIE();
  109. }
  110. -->
  111. </script>
複製代碼
收藏 分享 評分
回復 引用

訂閱 TOP

返回列表
本欄位為商業廣告連結：網頁設計代管於邁林網頁設計公司虛擬主機 圖庫 seo 加盟創業 虛擬主機 大圖輸出 網路創業 免費算命 激頻道 msn表情符號 網頁素材a片 創業 信用卡