ทำ SCROLLING MENU

ทำ SCROLLING MENU

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

<SCRIPT LANGUAGE="JAVASCRIPT"> var MaxRecord = 10; var Iist = 1; var NumRecord = 4; var Iend = NumRecord; var curRecord = 1; var debug = false; function showPrev() { Iist -= 1; Iend -= 1; curRecord = Iist; btnPrev.disabled = false; btnNext.disabled = false; if (Iist<=1) { Iist = 1; Iend = NumRecord; btnPrev.disabled = true; } changeAppearance(); if (debug) alert("Iist = " + Iist + " and Iend = " + Iend); } function showNext() { Iist += 1; Iend += 1; curRecord = Iist; btnPrev.disabled = false; btnNext.disabled = false; if (Iend >= MaxRecord) { Iist = MaxRecord - NumRecord + 1; Iend = MaxRecord; btnNext.disabled = true; } changeAppearance(); if (debug) alert("Iist = " + Iist + " and Iend = " + Iend); } function changeAppearance() { if (1 >= Iist && 1 <= Iend) objSpan1.style.display = "inline"; else objSpan1.style.display = "none"; if (2 >= Iist && 2 <= Iend) objSpan2.style.display = "inline"; else objSpan2.style.display = "none"; if (3 >= Iist && 3 <= Iend) objSpan3.style.display = "inline"; else objSpan3.style.display = "none"; if (4 >= Iist && 4 <= Iend) objSpan4.style.display = "inline"; else objSpan4.style.display = "none"; if (5 >= Iist && 5 <= Iend) objSpan5.style.display = "inline"; else objSpan5.style.display = "none"; if (6 >= Iist && 6 <= Iend) objSpan6.style.display = "inline"; else objSpan6.style.display = "none"; if (7 >= Iist && 7 <= Iend) objSpan7.style.display = "inline"; else objSpan7.style.display = "none"; if (8 >= Iist && 8 <= Iend) objSpan8.style.display = "inline"; else objSpan8.style.display = "none"; if (9 >= Iist && 9 <= Iend) objSpan9.style.display = "inline"; else objSpan9.style.display = "none"; if (10 >= Iist && 10 <= Iend) objSpan10.style.display = "inline"; else objSpan10.style.display = "none"; } </SCRIPT> <STYLE TYPE="text/css"> .accesskey {text-decoration: underline} </STYLE>

ต้องการให้แสดง MENU ที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

<TABLE BORDER="3" CELLPADDING="0" CELLSPACING="0" WIDTH="25%" HEIGHT="75" bgcolor="#000070"> <TR> <TD WIDTH="100%" align="center"> <table border="1" cellpadding="0" cellspacing="0" width="145"> <tr><td bgcolor="#000000"> MENU </td></tr></table> </center> <BUTTON STYLE="WIDTH: 5em" ONCLICK="showPrev()" id=btnPrev TABINDEX="2" DISABLED><LABEL ACCESSKEY="p" FOR="btnPrev">< Prev</LABEL></BUTTON> <BUTTON STYLE="WIDTH: 5em" ONCLICK="showNext()" id=btnNext TABINDEX=3><LABEL ACCESSKEY="n" FOR="btnNext">Next ></LABEL></BUTTON> <center><table border=1 WIDTH="90%" CELLPADDING="0" CELLSPACING="0"> <tr id="objSpan0" BGCOLOR="black"> <td bgcolor="#FFFFCC"> ขึ้นไป </td> <td BGCOLOR="#FFFFCC"> <a Style="CURSOR: hand" onClick="showPrev()">/\</a> </td> </tr> <tr id="objSpan1" name='objSpan1"' BGCOLOR="black"> <td bgcolor="#FFFFCC" align="center"> <a target="_blank" href="http://www.thaiwebcreator.com">www.thaiwebcreator.com</a> </td> <td bgcolor="#FFFFCC"> </td> </tr> <tr id="objSpan2" BGCOLOR="black"> <td bgcolor="#FFFFCC" align="center"> <a href="http://">link here(2)</a> </td> <td bgcolor="#FFFFCC"> </td> </tr> <tr id="objSpan3" BGCOLOR="black"> <td bgcolor="#FFFFCC" align="center"> <a href="http://">link here(3)</a> </td> <td bgcolor="#FFFFCC"> </td> </tr> <tr id="objSpan4" BGCOLOR="black"> <td bgcolor="#FFFFCC" align="center"><a href="http://">link here(4)</a></td> <td bgcolor="#FFFFCC"> </td> </tr> <tr id="objSpan5" BGCOLOR="black" style="DISPLAY: none"> <td bgcolor="#FFFFCC" align="center"><a href="http://">link here(5)</a></td> <td bgcolor="#FFFFCC"> </td> </tr> <tr id="objSpan6" BGCOLOR="black" style="DISPLAY: none"> <td bgcolor="#FFFFCC" align="center"><a href="http://">link here(6)</a></td> <td bgcolor="#FFFFCC"> </td> </tr> <tr id="objSpan7" BGCOLOR="black" style="DISPLAY: none"> <td bgcolor="#FFFFCC" align="center"><a href="http://">link here(7)</a></td> <td bgcolor="#FFFFCC"> </td> </tr> <tr id="objSpan8" BGCOLOR="black" style="DISPLAY: none" > <td bgcolor="#FFFFCC" align="center"><a href="http://">link here(8)</a></td> <td bgcolor="#FFFFCC"> </td> </tr> <tr id="objSpan9" BGCOLOR="black" style="DISPLAY: none"> <td bgcolor="#FFFFCC" align="center"><a href="http://">link here(9)</a></td> <td bgcolor="#FFFFCC"> </td> </tr> <tr id="objSpan10" BGCOLOR="black" style="DISPLAY: none"> <td bgcolor="#FFFFCC" align="center"><a href="http://">link here(10)</a></td> <td bgcolor="#FFFFCC"> </td> </tr> <tr BGCOLOR="black"> <td colspan="1" bgcolor="#FFFFCC"> ถัดไป </td> <td BGCOLOR="#FFFFCC"> <a Style="CURSOR: hand" onClick="showNext()">\/</a> </td> </tr> </table></FORM></center></TD> </TR> </TABLE>