■ 語法主題：垂直滑動選單(1)
∼素材圖庫∼
∼桌布寫真∼
∼爪哇語法∼
∼動畫遊戲∼
■ 控制碼內容：
將下面複製至 <head> 區內
<!------------ 插入控制碼區段開始 ------------> <script language="JavaScript"> <!-- Begin function buildMenu() { speed=35; topdistance=50; 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> <!------------ 插入控制碼區段結束 ------------>
speed=35;
指定選單垂直滑動速度，這個值愈大移動速度愈慢
topdistance=50;
指定選單的上緣位置
items=4;
指定選單總按鈕數
topdistance+=40,
指定選單各按鈕顯示距離
■ 控制碼內容：
將下面複製至 <body> 標籤後
<!------------ 插入控制碼區段開始 ------------> <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=0 width=130 bgcolor=#64D0FE> <td> <center><b><u><font color=blue><a href=http://photo.love12.tw/ target="_blank">∼素材圖庫∼</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=0 width=130 bgcolor=#64D0FE><td> <center><b><u><font color=blue><a href=http://pic.love12.tw/ target="_blank">∼桌布寫真∼</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=0 width=130 bgcolor=#64D0FE><td> <center><b><u><font color=blue><a href=http://java.love12.tw/">∼爪哇語法∼</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=0 width=130 bgcolor=#64D0FE><td> <center><b><u><font color=blue><a href=http://games.love12.tw/">∼動畫遊戲∼</a> </font></u></b></center></td></table> </div> </table> </div> <!------------ 插入控制碼區段結束 ------------>
■ 控制碼內容：
將下面複製至 <body> 標籤內
onload="buildMenu(), scrollItems();"