下滑選單
請按Ctrl+C複製程式碼至<head></head>之間
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function buildMenu() { speed=60; <!-- 控制選單落下速度，數字越大掉落越慢--> topdistance=60; <!-- 控制標題落下點數，數字越大落點越低--> 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>
請按Ctrl+C複製語法至<body>內
onload="buildMenu(), scrollItems();"
請按Ctrl+C複製語法至<body>與</body>之間
<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table style="border: 3px DOUBLE #FF99FF" style="font-size : 8pt;font-family : Verdana;color: #FF9900;" width="120" bgcolor="FFFF99"> <tr> <td><center> <p><a href="填入第一個連結的網址">填上第一個連結文字</a> </p> </center></td> </tr> </table> </div> <div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table style="border: 3px DOUBLE #FF99FF" style="font-size : 8pt;font-family : Verdana;color: #FF9900;" width="120" bgcolor="FFFF99"> <tr> <td><center> <p><a href="填入第二個連結的網址">填上第二個連結文字</a> </p> </center></td> </tr> </table> </div> <div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table style="border: 3px DOUBLE #FF99FF" style="font-size : 8pt;font-family : Verdana;color: #FF9900;" width="120" bgcolor="FFFF99"> <tr> <td><center> <p><a href="填入第三個連結的網址">填上第三個連結文字</a> </p> </center></td> </tr> </table> </div> <div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table style="border: 3px DOUBLE #FF99FF" style="font-size : 8pt;font-family : Verdana;color: #FF9900;" width="120" bgcolor="FFFF99"> <tr> <td><center> <p><a href="填入第四個連結的網址">填上第四個連結文字</a> </p> </center></td> </tr> </table> </div> <div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table style="border: 3px DOUBLE #FF99FF" style="font-size : 8pt;font-family : Verdana;color: #FF9900;" width="120" bgcolor="FFFF99"> <tr> <td><center> <p><a href="填入第五個連結的網址">填上第五個連結文字</a> </p> </center></td> </tr> </table> </div>
可修改的地方：
↓↓↓範例↓↓↓
hellokitty星座館
填上第二個連結文字
填上第三個連結文字
填上第四個連結文字
填上第五個連結文字