※ 下落式選單 ※
|
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function buildMenu() { speed=50; <!-- 控制選單落下速度--> topdistance=120; <!-- 控制標題落下點數--> items=4; <!-- 設定顯示之選單數--> 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="buildMenu(), scrollItems();" background="jpg/01_bkg1.jpg"> <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=90 bgcolor=00ddee> <!-- 設定選單的框線.寬度.背景顏色--> <td> <center><b><u><font color=blue><a href=applets.htm>Java applets</a> <!-- 設定連結名稱&路徑--> </font></u></b></center></td></table> </div> <div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=90 bgcolor=00ddee> <!-- 設定選單的框線.寬度.背景顏色--> <td> <center><b><u><font color=blue><a href=script.htm>Java script</a> <!-- 設定連結名稱&路徑--> </font></u></b></center></td></table> </div> <div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=90 bgcolor=00ddee> <!-- 設定選單的框線.寬度.背景顏色--> <td> <center><b><u><font color=blue><a href=asp.htm>ASP 下載</a> <!-- 設定連結名稱&路徑--> </font></u></b></center></td></table> </div> <div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=90 bgcolor=00ddee> <!-- 設定選單的框線.寬度.背景顏色--> <td> <center><b><u><font color=blue><a href=cgi.htm>CGI 下載</a> <!-- 設定連結名稱&路徑--> </font></u></b></center></td></table> </div> |