Metachecker.net
|
FontsMadeEasy.com
|
RankChecker.net
Learn Java Script Today
|
Over 5000 Free Fonts
|
Tutorials
|
Javascript Forum
|
Other Javascript Resources
|
Cheat Sheet
JavaScript Basics
Inserting Javascript
Complete Tutorial
Advance DHTML Tutorial
Script archive
Advanced Tutorials
Alert Scripts
Animation
Audio
Background Effects
Banner Ads
Browser Window
Buttons
Button Forms
Calculcators
Calendars
Clocks & Dates
Cookies
Cursor Effects
DHMTL Games
DHTML Miscellaneous
Equivalents
Forms
Games
IE4+ Scripts
IE5+ Scripts
Image Effects
Image Miscellaneous
Links & Buttons
Math Related
Messages Miscellaneous
Miscellaneous
Mouse Tricks
Navigation
Page Details
Password Protection
Pulldown Menus
Random Stuff
Scrolling
Status Bar
Text Animation
User Detail
User Info
Window Control
Layers menu
Build menu baced on layers. The appropriate submenu displays depending on moving mouse on top of main menu.
Menu3
Submenu1
Submenu2
Submenu3
Submenu4
Submenu5
Menu2
Submenu1
Submenu2
Submenu3
Menu1
Submenu1
Submenu2
Submenu3
Submenu4
Menu4
Submenu1
Submenu2
Submenu3
Submenu4
Menu5
Submenu1
Submenu2
Submenu3
Insert into <HEAD>
<script language="JavaScript"> <!-- function MM_findObj(n, d) { //v3.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x; } function MM_showHideLayers() { //v3.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; } obj.visibility=v; } } //--> </script>
Insert into <BODY>
<div id="galery" style="position:absolute; left:221px; top:61px; width:89px; height:16px; z-index:8" onMouseOver="MM_showHideLayers('galery2','','show','magazin2','','hide','novosti2','','hide','tutorijali2','','hide','digitalarts2','','hide')"> <p><a href="#"><b>Menu3</b></a></p> </div> <div id="galery2" style="position:absolute; left:220px; top:84px; width:468px; height:20px; z-index:9; visibility: hidden"> <table width="101%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="#">Submenu1</a> <a href="#">Submenu2</a> <a href="#">Submenu3</a> <a href="#">Submenu4</a> <a href="#">Submenu5</a></td> </tr> <tr> <td></td> </tr> </table> </div> <div id="magazin" style="position:absolute; left:138px; top:61px; width:87px; height:15px; z-index:10" onMouseOver="MM_showHideLayers('galery2','','hide','magazin2','','show','novosti2','','hide','tutorijali2','','hide','digitalarts2','','hide')"> <p><a href="#"><b>Menu2</b></a></p> </div> <div id="magazin2" style="position:absolute; left:138px; top:84px; width:370px; height:25px; z-index:12; visibility: hidden"> <table width="75%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><span><a href="#">Submenu1</a></span> <a href="#">Submenu2</a> <a href="#">Submenu3</a> </td> </tr> <tr> <td></td> </tr> </table> </div> <div id="novosti" style="position:absolute; left:52px; top:61px; width:83px; height:15px; z-index:13" onMouseOver="MM_showHideLayers('galery2','','hide','magazin2','','hide','novosti2','','show','tutorijali2','','hide','digitalarts2','','hide')"> <p><a href="#"><b>Menu1</b></a></p> </div> <div id="novosti2" style="position:absolute; left:49px; top:84px; width:413px; height:35px; z-index:14; visibility: hidden"> <table width="66%" border="0" cellspacing="0" cellpadding="0" height="29"> <tr> <td width="0%" height="21"> </td> <td colspan="5" height="21"><a href="#">Submenu1</a> <a href="#">Submenu2</a> <a href="#">Submenu3</a> <a href="#">Submenu4</a> </tr> <tr> <td width="0%"> </td> <td colspan="5"> <div align="left"></div> </td> </tr> </table> </div> <div id="tutorijali" style="position:absolute; left:307px; top:61px; width:101px; height:15px; z-index:15" onMouseOver="MM_showHideLayers('galery2','','hide','magazin2','','hide','novosti2','','hide','tutorijali2','','show','digitalarts2','','hide')"> <p><a href="#"><b>Menu4</b></a></p> </div> <div id="tutorijali2" style="position:absolute; left:304px; top:84px; width:355px; height:25px; z-index:16; visibility: hidden"> <table width="101%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="12"> <a href="#">Submenu1</a> <a href="#">3Submenu2</a> <a href="#">Submenu3</a> <a href="#">Submenu4</a></td> </tr> <tr> <td></td> </tr> </table> </div> <div id="digitalarts" style="position:absolute; left:409px; top:61px; width:121px; height:16px; z-index:17" onMouseOver="MM_showHideLayers('galery2','','hide','magazin2','','hide','novosti2','','hide','tutorijali2','','hide','digitalarts2','','show')"> <p><a href="#"><b>Menu5</b></a></p> </div> <div id="digitalarts2" style="position:absolute; left:409px; top:84px; width:283px; height:28px; z-index:18; visibility: hidden"> <table width="75%" border="0" cellspacing="0" cellpadding="0" height="26"> <tr> <td> <a href="#">Submenu1</a> <a href="#">Submenu2</a> <a href="#">Submenu3</a> </td> </tr> <tr> <td></td> </tr> </table> </div> <div id="Layer6" style="position:absolute; left:529px; top:61px; width:67px; height:16px; z-index:19" onMouseOver="MM_showHideLayers('galery2','','hide','magazin2','','hide','novosti2','','hide','tutorijali2','','hide','digitalarts2','','hide')"> <p><a href="#"><b>Menu6</b></a></p> </div>
Other Options
