HTML效果

消除連結底線

步驟一: 將以下既HTML碼複製貼至您網頁<Head>與</Head>之間

自動變色背景

步驟一: 在Body標記加上以下OnLoad字句

步驟二: 然後把以下一部份加到Body標記內

用滑鼠轉換背景色

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<CENTER> [<a href="/" onmouseover="document.bgColor='green'">Green</a>] [<a href="/" onmouseover="document.bgColor='greem'">Bright Green</a>] [<a href="/" onmouseover="document.bgColor='seagreen'">Sea Green</a>] [<a href="/" onmouseover="document.bgColor='red'">Red</a>]<BR> [<a href="/" onmouseover="document.bgColor='magenta'">Magenta</a>] [<a href="/" onmouseover="document.bgColor='fusia'">Fusia</a>] [<a href="/" onmouseover="document.bgColor='pink'">Pink</a>] [<a href="/" onmouseover="document.bgColor='purple'">Purple</a>]<BR> [<a href="/" onmouseover="document.bgColor='navy'">Navy</a>] [<a href="/" onmouseover="document.bgColor='blue'">Blue</a>] [<a href="/" onmouseover="document.bgColor='royalblue'">Royal Blue</a>] [<a href="/" onmouseover="document.bgColor='Skyblue'">Sky Blue</a>]<BR> [<a href="/" onmouseover="document.bgColor='yellow'">Yellow</a>] [<a href="/" onmouseover="document.bgColor='brown'">Brown</a>] [<a href="/" onmouseover="document.bgColor='almond'">Almond</a>] [<a href="/" onmouseover="document.bgColor='white'">White</a>]<BR> [<a href="/" onmouseover="document.bgColor='black'">Black</a>] [<a href="/" onmouseover="document.bgColor='coral'">Coral</a>] [<a href="/" onmouseover="document.bgColor='olivedrab'">Olive Drab</a>] [<a href="/" onmouseover="document.bgColor='orange'">Orange</a>] </CENTER>

通業走的太空船

步驟一: 把以下資料複製到你的Html檔案的Head標記下

<SCRIPT LANGUAGE="JavaScript">  </script>

步驟二: 在以下Body標記加上OnLoad字句

步驟三: 把以下資料複製到你的Html檔案的Body標記下

<div id="pic1" style="position:absolute; visibility:visible; left:0px; top:0px; z-index:-1"> <img src="alien.gif" border="0"> </div> <script language="javascript"> var pic1=eval('document.'+_all+'pic1'+_style); </script>

煙花背景

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<BODY bgcolor="#000000"> <layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer> <layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer> <layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer> <layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer> <layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer> <div id="starsDiv" style="position:absolute;top:0px;left:0px"> <div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div> <div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div> <div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div> <div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div> </div> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

下雨了

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<SCRIPT LANGUAGE="JavaScript">  </script>

下雪了

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<SCRIPT LANGUAGE="JavaScript1.2">  </SCRIPT>

小視窗已彈出

步驟一: 把以下資料複製到你的Html檔案的Body標記下

手動開啟小視窗

步驟一: 把以下資料複製到你的Html檔案的Body標記下

視窗地震打開網頁

步驟一: 把以下資料複製到你的Html檔案的Head標記下

<SCRIPT LANGUAGE="JavaScript1.2">  </script>

步驟二: 把以下資料複製到你的Html檔案的Body標記下

自動關閉popup視窗

步驟一: 在以下Body標記加上OnLoad字句

選單從上面下落

步驟一: 把以下資料複製到你的Html檔案的Head標記下

<SCRIPT LANGUAGE="JavaScript">  topdistance=120;  items=5;  y=-50; ob=1; if (navigator.appName == "Netscape") { v=".top=",dS="document.",sD=""; } else { v=".pixelTop=",dS="",sD=".style"; } } function scrollItems() { if (ob<items+1) { objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y); if (y<topdistance) setTimeout("scrollItems()",speed); else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed); } } // End --> </SCRIPT>

步驟二: 在Body標記加上以下的OnLoad字句

步驟三: 把以下資料複製到你的Html檔案的Body標記下

樹狀選單

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<p align="left"> <div id="folder"> <p><img src="84.gif" id="Out1" style="cursor: hand" class="folder" border="0" ><font size="5" color="#3333FF">笑話</font></p> <div id="Out1d" style="display:None"> <p>　　笑話1<br> 　　笑話2<br> 　　笑話3<br> 　　笑話4<br> </div> <p><img src="84.gif" " id="Out2" style="cursor: hand" class="folder" border="0" ><font color="#3333FF" size="5">趣題</font></p> <div id="Out2d" style="display:None"> <p> 　　趣題1<br> 　　趣題2<br> 　　趣題3<br> 　　趣題4<br> </div> <p><img src="84.gif" id="Out3" style="cursor: hand" class="folder" border="0" ><font color="#3333FF" size="5">謎語</font></p> <div id="Out3d" style="display:none"> <p> 　　謎語1<br> 　　謎語2<br> 　　謎語3<br> 　　謎語4<br> </div> </div> <script LANGUAGE="JavaScript">  } } else { targetElement.style.display = "none"; if (srcElement.tagName == "IMG") { srcElement.src = "84.gif";  } } } } folder.onclick = Changefolder; --> </script>

下拉式選單

步驟一: 把以下資料複製到你的Html檔案的Head標記下

步驟二: 把以下資料複製到你的Html檔案的Body標記下

移動選單

步驟一: 把以下資料複製到你的Html檔案的Head標記下

<SCRIPT LANGUAGE="JavaScript">  </script>

步驟二: 在Body標記加上OnLoad字句

步驟三: 然後把最後一部份加到Body標記內

選單訊息

步驟一: 把以下資料複製到你的Html檔案的Head標記下

步驟二: 然後把最後一部份加到Body標記內

滑鼠煙花

步驟一: 把以下資料複製到你的Html檔案的Head標記下

<SCRIPT LANGUAGE="JavaScript1.2">  </script>

步驟二: 在Body標記加上OnLoad字句

步驟三: 把以下資料複製到Body標記內

圖案跟著滑鼠走

步驟一: 把以下資料複製到你的Html檔案的Body標記下

文字跟著滑鼠走

步驟一: 把以下資料複製到你的Html檔案的Head標記下

<STYLE> .spanstyle { COLOR: #0066ff; FONT-FAMILY: Tahoma; FONT-SIZE: 12pt; FONT-WEIGHT: normal; POSITION: absolute;  TOP: -50px; VISIBILITY: visible } </STYLE>

步驟二: 在Body標記加上OnLoad字句

步驟三: 然後把最後一部份加到Body標記內

<SCRIPT LANGUAGE="JavaScript">  var x,y; var step=12; var flag=0; message=message.split(""); var xpos=new Array(); for (i=0;i<=message.length-1;i++) { xpos[i]=-50; } var ypos=new Array(); for (i=0;i<=message.length-1;i++) { ypos[i]=-50; } function handlerMM(e) { x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+20; y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY; flag=1; } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step; ypos[i]=ypos[i-1]; } xpos[0]=x+step; ypos[0]=y; for (i=0; i<=message.length-1; i++) { var thisspan = eval("span"+(i)+".style"); thisspan.posLeft=xpos[i]; thisspan.posTop=ypos[i]; thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255; } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step; ypos[i]=ypos[i-1]; } xpos[0]=x+step; ypos[0]=y; for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i); thisspan.left=xpos[i]; thisspan.top=ypos[i]; thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255; } } } for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>"); document.write(message[i]); document.write("</span>"); } if (document.layers) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; function pageonload() { makesnake(); window.setTimeout("pageonload();", 2); } // --> </SCRIPT>

鼠標殘影

步驟一: 把以下資料複製到你的Html檔案的Head標記下

步驟二: 把以下資料複製到你的Html檔案的Body標記下

<SCRIPT LANGUAGE="JavaScript1.2">  </script>

彈珠鼠標

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <SCRIPT LANGUAGE="JavaScript">  </script>

得意眼仔跟著滑鼠走

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<SCRIPT LANGUAGE="JavaScript1.2">  </script>

衛星跟著滑鼠走

步驟一: 把以下資料複製到你的Html檔案的Body標記下

網友使用環境及建議

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<font color="#008000" size="4">◤ </font><font color="#FF0000" size="4">使用者環境報告及建議</font><font color="#008000" size="4"> ◢</font> <p></p> <hr size="-1"> <p><font color="#0000FF">本站最佳解析度為『800 X 600』<br> 本站最佳瀏覽器為『Microsoft Internet Explorer 4.0』以上</font> </p> <hr size="-1"> <font color="#008000"> <script language="javascript1.2">  </script> </font><font color="#008000"> <script language="JavaScript" src="cgi-bin/code/kcnet.js"></script> </font>

直立式跑馬燈

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

圖字跑馬燈

步驟一: 把以下資料複製到你的Html檔案的Body標記下

簡單的日期時間顯示

步驟一: 把以下資料複製到你的Html檔案的Body標記下

時鐘

步驟一: 把以下資料複製到你的Html檔案的Head標記下

<SCRIPT language=JavaScript>  </script>

步驟二: 在Body標記加上OnLoad字句

步驟三: 然後把最後一部份加到Body標記內

文字互動

步驟一: 把以下資料複製到你的Html檔案的Body標記下

文字由小變大

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<SCRIPT LANGUAGE="JavaScript">  </script>

變色的連結

步驟一: 把以下資料複製到你的Html檔案的Head標記下

步驟三: 然後把最後一部份加到Body標記內

<center> <a href="http://http://www.oocities.org/hk/whchung62861920/index.html"> 注意顏色的變化</a> </center>

禁右鍵

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<BODY bgcolor="#FFFFFF"> <font color="#FF0000" size="5">禁止用滑鼠右鍵 <script language="JavaScript"></script></font>

把我設為首頁

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.oocities.org/hk/whchung62861920/index.html');"><font color="#0000FF" size="3">～將本站設為首頁～</font></a>

自動轉網址

步驟一: 把以下資料複製到你的Html檔案的Body標記下

打印本網頁

步驟一: 把以下資料複製到你的Html檔案的Body標記下

<SCRIPT LANGUAGE="JavaScript">  </script>