Lessons
: 1 :
: 2 :
: 3 :
: 4 :
: 5 :
: 6 :
: 7 :
: 8 :
: 9 :
: 10 :
Home
Welcome to JS
Cut & Paste Codes
Javascript to Make Menus
Step 1
<!-- Create Menus --> <div id="menu1" style="position: absolute; left:0; top:0; visibility:'hidden';"> <table bgcolor=#AADDFF width=70 cellspacing=5 style="font-family:verdana; font-size:10px; color:#007700;"> <tr><td>>> <a href="menu1.htm">Menu1</a></td></tr> <tr><td>>> <a href="menu2.htm">Menu2</a></td></tr> <tr><td>>> <a href="menu3.htm">Menu3</a></td></tr> <tr><td>>> <a href="menu4.htm">Menu4</a></td></tr> </table></div> <!-- Menu complete --> <!-- Set menu for a Link--> <center>Mouseover to Show Menu | <a href="#" onmouseover="javascript:menu1.style.pixelTop=310; menu1.style.pixelLeft=350; menu1.style.visibility='visible';" onclick="javascript:menu1.style.visibility='hidden';"> Menus>> </a> | Click the link to Hide the menu</center> <!-- Change the "pixelTop" & "pixelLeft" values u wish -->
>>
Menu1
>>
Menu2
>>
Menu3
>>
Menu4
Mouseover to Show Menu |
Menus>>
| Click the link to Hide the menu
Copy the above code and paste it in your HTML document's Head tag | Provided by
vs.Net