»
EnglishFrenchVietnamese

Print - Pop-it menu - JavaScriptBank.com

Full version: jsB@nk » Menu » Pop-it menu
URL: http://www.javascriptbank.com/pop-it-menu.html

Pop-it menu © JavaScriptBank.comPop-it allows you to associate a dynamic menu with regular links on your page. As the mouse click the link, a menu pops up containing 'sub links'.

Full version: jsB@nk » Menu » Pop-it menu
URL: http://www.javascriptbank.com/pop-it-menu.html



CSS
<style>//dont use this only proffesional{  }.iewrap1{position:relative;height:30px;}.iewrap2{position:absolute;}#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4{visibility:hide;z-index:100;}--></style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script language="JavaScript1.2">//made by blizzard//make your links here//link for menu 1var menu1=new Array()menu1[0]='<a href=Test00.htm>Menu item caption00</a><br>'menu1[1]='<a href=Test01.htm>Menu item caption01 here</a><br>'menu1[2]='<a href=Test02.htm>Menu item caption02</a><br>'//link for menu 2var menu2=new Array()menu2[0]='<a href=Test10.htm>Menu item caption10</a><br>'menu2[1]='<a href=Test11.htm>Menu item caption11</a><br>'menu2[2]='<a href=Test12.htm>Menu item caption12</a><br>'//link for menu 3var menu3=new Array()menu3[0]='<a href=Test20.htm>Menu item caption20</a><br>'menu3[1]='<a href=Test21.htm>Menu item caption21</a><br>'menu3[2]='<a href=Test22.htm>Menu item caption22</a><br>'//link for menu 4var menu4=new Array()menu4[0]='<a href=Test30.htm>Menu item caption30</a><br>'menu4[1]='<a href=Test31.htm>Menu item caption31</a><br>'menu4[2]='<a href=Test32.htm>Menu item caption32</a><br>'//link for menu 5var menu5=new Array()menu5[0]='<a href=Test40.htm>Menu item caption40</a><br>'menu5[1]='<a href=Test41.htm>Menu item caption41</a><br>'menu5[2]='<a href=Test42.htm>Menu item caption42</a><br>'</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<script language="JavaScript1.2">//reusable/////////////////////////////var zindex=100function dropit2(whichone){if (window.themenu&&themenu.id!=whichone.id)themenu.style.visibility="hidden"themenu=whichoneif (document.all){themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetXthemenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18if (themenu.style.visibility=="hidden"){themenu.style.visibility="visible"themenu.style.zIndex=zindex++}else{hidemenu()}}}function dropit(e,whichone){if (window.themenu&&themenu.id!=eval(whichone).id)themenu.visibility="hide"themenu=eval(whichone)if (themenu.visibility=="hide")themenu.visibility="show"elsethemenu.visibility="hide"themenu.zIndex++themenu.left=e.pageX-e.layerXthemenu.top=e.pageY-e.layerY+19return false}function hidemenu(whichone){if (window.themenu)themenu.style.visibility="hidden"}function hidemenu2(){themenu.visibility="hide"}if (document.all)document.body.onclick=hidemenu//reusable/////////////////////////////</script><ilayer height="35px"><layer visibility="show"><span class="iewrap1"><span class="iewrap2" onclick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face="Verdana"><b><a href="alternate.htm" onclick="if(document.layers) return dropit(event, 'document.dropmenu0')">Click here</a></b></font></span></span></layer></ilayer><br><!----------Menu 1 ends here----------><!----------Menu 2 starts here----------><ilayer height="35px"><layer visibility="show"><span class="iewrap1"><span class="iewrap2" onclick="dropit2(dropmenu1);event.cancelBubble=true;return false"><font face="Verdana"><b><a href="alternate.htm" onclick="if(document.layers) return dropit(event, 'document.dropmenu1')">Click here</a></b></font></span></span></layer></ilayer><br><!----------Menu 2 ends here----------><!----------Menu 3 starts here----------><ilayer height="35px"><layer visibility="show"><span class="iewrap1"><span class="iewrap2" onclick="dropit2(dropmenu2);event.cancelBubble=true;return false"><font face="Verdana"><b><a href="alternate.htm" onclick="if(document.layers) return dropit(event, 'document.dropmenu2')">Click here</a></b></font></span></span></layer></ilayer><br><!----------Menu 3 ends here----------><!----------Menu 4 starts here----------><ilayer height="35px"><layer visibility="show"><span class="iewrap1"><span class="iewrap2" onclick="dropit2(dropmenu3);event.cancelBubble=true;return false"><font face="Verdana"><b><a href="alternate.htm" onclick="if(document.layers) return dropit(event, 'document.dropmenu3')">Click here</a></b></font></span></span></layer></ilayer><br><!----------Menu 4 ends here----------><!----------Menu 5 starts here----------><ilayer height="35px"><layer visibility="show"><span class="iewrap1"><span class="iewrap2" onclick="dropit2(dropmenu4);event.cancelBubble=true;return false"><font face="Verdana"><b><a href="alternate.htm" onclick="if(document.layers) return dropit(event, 'document.dropmenu4')">Click here</a></b></font></span></span></layer></ilayer><br><!----------Menu 5 ends here----------><div id="dropmenu0" style="border: 2px solid black; padding: 0px; position: absolute; left: 0pt; top: 0pt; background-color: lightyellow; width: 120px; visibility: hidden;"><script language="JavaScript1.2">if (document.all)dropmenu0.style.padding="4px"for (i=0;i<menu1.length;i++)document.write(menu1[i])</script><a href="Test00.htm">Menu item caption00</a><br><a href="Test01.htm">Menu item caption01 here</a><br><a href="Test02.htm">Menu item caption02</a><br></div><script language="JavaScript1.2">if (document.layers){document.dropmenu0.captureEvents(Event.CLICK)document.dropmenu0.onclick=hidemenu2}</script><div id="dropmenu1" style="border: 2px solid black; padding: 0px; position: absolute; left: 0pt; top: 0pt; background-color: lightyellow; width: 120px; visibility: hidden;"><script language="JavaScript1.2">if (document.all)dropmenu1.style.padding="4px"for (i=0;i<menu2.length;i++)document.write(menu2[i])</script><a href="Test10.htm">Menu item caption10</a><br><a href="Test11.htm">Menu item caption11</a><br><a href="Test12.htm">Menu item caption12</a><br></div><script language="JavaScript1.2">if (document.layers){document.dropmenu1.captureEvents(Event.CLICK)document.dropmenu1.onclick=hidemenu2}</script><div id="dropmenu2" style="border: 2px solid black; padding: 0px; position: absolute; left: 0pt; top: 0pt; background-color: lightyellow; width: 120px; visibility: hidden;"><script language="JavaScript1.2">if (document.all)dropmenu2.style.padding="4px"for (i=0;i<menu3.length;i++)document.write(menu3[i])</script><a href="Test20.htm">Menu item caption20</a><br><a href="Test21.htm">Menu item caption21</a><br><a href="Test22.htm">Menu item caption22</a><br></div><script language="JavaScript1.2">if (document.layers){document.dropmenu2.captureEvents(Event.CLICK)document.dropmenu2.onclick=hidemenu2}</script><div id="dropmenu3" style="border: 2px solid black; padding: 0px; position: absolute; left: 0pt; top: 0pt; background-color: lightyellow; width: 120px; visibility: hidden;"><script language="JavaScript1.2">if (document.all)dropmenu3.style.padding="4px"for (i=0;i<menu4.length;i++)document.write(menu4[i])</script><a href="Test30.htm">Menu item caption30</a><br><a href="Test31.htm">Menu item caption31</a><br><a href="Test32.htm">Menu item caption32</a><br></div><script language="JavaScript1.2">if (document.layers){document.dropmenu3.captureEvents(Event.CLICK)document.dropmenu3.onclick=hidemenu2}</script><div id="dropmenu4" style="border: 2px solid black; padding: 0px; position: absolute; left: 0pt; top: 0pt; background-color: lightyellow; width: 120px; visibility: hidden;"><script language="JavaScript1.2">if (document.all)dropmenu4.style.padding="4px"for (i=0;i<menu5.length;i++)document.write(menu5[i])</script><a href="Test40.htm">Menu item caption40</a><br><a href="Test41.htm">Menu item caption41</a><br><a href="Test42.htm">Menu item caption42</a><br></div><script language="JavaScript1.2">if (document.layers){document.dropmenu4.captureEvents(Event.CLICK)document.dropmenu4.onclick=hidemenu2}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->