TShopping

 找回密碼
 註冊
搜索
查看: 1902|回復: 3

[教學] 網頁水族箱語法

[複製鏈接]
發表於 2008-9-23 21:17:14 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk Push to Twitter 
**將以下語法放在 <BODY> 和 </BODY> 之間即可顯示功能**
( 紅色xxxxx字部份請更改成你的檔案網址 與 想要表示的字即可 )
熱帶魚放在底下,記得下回去上傳到適當位置.


  1. <script language="JavaScript">
  2. <!--
  3. <!--在此修改圖案出現在畫面上的數量-->
  4. var no = 10;
  5. <!--在此修改圖案游動的速度,數值越大越慢,越小越快-->
  6. var speed = 10;
  7. snow = new Array();
  8. <!--在此修改需使用的圖案連結路徑-->
  9. snow[0] = "http://xxxxx/fish1_l.gif";
  10. snow[1] = "http://xxxxx/fish2_l.gif";
  11. snow[2] = "http://xxxxx/fish3_l.gif";
  12. snow[3] = "http://xxxxx/fish4_l.gif";
  13. snow[4] = "http://xxxxx/fish1_r.gif";
  14. snow[5] = "http://xxxxx/fish2_r.gif";
  15. var maxsize = 100;  
  16. var ns4up = (document.layers) ? 1 : 0;  
  17. var ie4up = (document.all) ? 1 : 0;
  18. var dx, xp, yp;   
  19. var am, stx, sty;  
  20. var i, doc_width = 800, doc_height = 600;
  21. if (ns4up) {
  22.     doc_width = self.innerWidth;
  23.     doc_height = self.innerHeight;
  24. } else if (ie4up) {
  25.     doc_width = document.body.clientWidth;
  26.     doc_height = document.body.clientHeight;
  27. }
  28. dx = new Array();
  29. xp = new Array();
  30. yp = new Array();
  31. am = new Array();
  32. stx = new Array();
  33. sty = new Array();
  34. var j = 0;
  35. for (i = 0; i < no; ++ i) {
  36.     dx = 0;
  37.     xp = Math.random()*(doc_height-maxsize);  
  38.     yp = Math.random()*(doc_width-maxsize);
  39.     am = Math.random()*10;         
  40.     stx = 0.02 + Math.random()/10;
  41.     sty = 0.7 + Math.random();     
  42.     if (ns4up) {
  43.         if (i == 0) {
  44.             document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snow[j] + "\" border=\"0\"></layer>");
  45.         } else {
  46.             document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snow[j] + "\" border=\"0\"></layer>");
  47.         }
  48.     } else if (ie4up) {
  49.         if (i == 0) {
  50.             document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
  51.         } else {
  52.             document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
  53.         }     }
  54.     if (j == (snow.length-1)) { j = 0; } else { j += 1; }
  55. }  
  56. document.write("<div id=\"damy\" style=\"POSITION: absolute; width:1; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: " + (doc_width+maxsize) + "px;\"> </div>");
  57. function snowNS() {  // Netscape main animation function
  58.     for (i = 0; i < no; ++ i) {  // iterate for every dot
  59.         if (i%2) {
  60.             yp += sty;
  61.             if (yp > doc_width) {
  62.                 xp = Math.random()*(doc_height-am-maxsize);
  63.                 yp = 0-maxsize;
  64.                 stx = 0.02 + Math.random()/10;
  65.                 sty = 0.7 + Math.random();
  66.                 doc_width = self.innerWidth;
  67.                 doc_height = self.innerHeight;
  68.             }
  69.         } else {
  70.             yp -= sty;
  71.             if (yp < -maxsize) {
  72.                 xp = Math.random()*(doc_height-am-maxsize);
  73.                 yp = doc_width;
  74.                 stx = 0.02 + Math.random()/10;
  75.                 sty = 0.7 + Math.random();
  76.                 doc_width = self.innerWidth;
  77.                 doc_height = self.innerHeight;
  78.             }         }
  79.         dx += stx;
  80.         document.layers["dot"+i].top = xp + am*Math.sin(dx);
  81.         document.layers["dot"+i].left = yp;
  82.     }
  83.     setTimeout("snowNS()", speed);
  84. }  
  85. function snowIE() {  // IE main animation function
  86.     for (i = 0; i < no; ++ i) {  // iterate for every dot
  87.         if (i%2) {
  88.             yp += sty;
  89.             if (yp > doc_width) {
  90.                 xp = Math.random()*(doc_height-am-maxsize);
  91.                 yp = 0-maxsize;
  92.                 stx = 0.02 + Math.random()/10;
  93.                 sty = 0.7 + Math.random();
  94.                 doc_width = document.body.clientWidth;
  95.                 doc_height = document.body.clientHeight;
  96.             }
  97.         } else {
  98.             yp -= sty;
  99.             if (yp < -maxsize) {
  100.                 xp = Math.random()*(doc_height-am-maxsize);
  101.                 yp = doc_width;
  102.                 stx = 0.02 + Math.random()/10;
  103.                 sty = 0.7 + Math.random();
  104.                 doc_width = document.body.clientWidth;
  105.                 doc_height = document.body.clientHeight;
  106.             }         }
  107.         dx += stx;
  108.         document.all["dot"+i].style.pixelTop = xp + am*Math.sin(dx);
  109.         document.all["dot"+i].style.pixelLeft = yp;
  110.     }
  111.     setTimeout("snowIE()", speed);
  112. }  
  113. if (ns4up) {
  114.     snowNS();
  115. } else if (ie4up) {
  116.     snowIE();
  117. }  
  118. //-->
  119. </script>
  120. <script language="Javascript">
  121. <!--
  122. var background = "http://xxxxx/background.gif";
  123. var speed = 0;
  124. browserName = navigator.appName;
  125. browserVer = parseInt(navigator.appVersion);
  126. if (browserName != "Netscape" || browserVer >= 4.5) {
  127. function moveback(movert,movedn,hPos,vPos) {
  128. if (arguments[4])
  129. document.body.style.backgroundImage = "url(\"" + arguments[4] + "\")";
  130. if (arguments[5])
  131. document.body.style.backgroundRepeat = arguments[5]
  132. if (!isNaN(hPos)) {
  133. if ((movert!=0) && (hPos>0)) hPos=-100000
  134. hPos += movert
  135. }
  136. if (!isNaN(vPos)) {
  137. if ((movedn!=0) && (vPos>0)) vPos=-100000
  138. vPos+= movedn
  139. }
  140. document.body.style.backgroundPosition= hPos + " " + vPos
  141. if (isNaN(hPos)) hPos = "\"" + hPos + "\""
  142. if (isNaN(vPos)) vPos = "\"" + vPos + "\""
  143. setTimeout("moveback("+movert+","+movedn+","+hPos+","+vPos+")",speed)
  144. }
  145. moveback(1,1,0,0, background);
  146. }
  147. -->
  148. </script>
複製代碼

 

臉書網友討論

本帖子中包含更多資源

您需要 登錄 才可以下載或查看,沒有帳號?註冊

x
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2016-12-8 00:41 , Processed in 0.050720 second(s), 19 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表