menu 2 "Menu."
<script language="JavaScript1.2"> /* Drop down menu link © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ //Contents for menu 1 var menu1=new Array() menu1[0]='<a href=twoja strona.htm>Link 1</a><br>' menu1[1]='<a href=twoja strona.htm>Link 2</a><br>' menu1[2]='<a href=twoja strona.htm>Link 3</a><br>' //Contents for menu 2 var menu2=new Array() menu2[0]='<a href=twoja strona.htm>Link 4</a><br>' menu2[1]='<a href=twoja strona.htm>Link 5</a><br>' menu2[2]='<a href=twoja strona.htm>Link 6</a><br>' //Contents for menu 3 var menu3=new Array() menu3[0]='<a href=twoja strona.htm>Link 7</a><br>' menu3[1]='<a href=twoja strona.htm>Link 8</a><br>' menu3[2]='<a href=twoja strona.htm>Link 9</a><br>' //Contents for menu 4 var menu4=new Array() menu4[0]='<a href=twoja strona.htm>Link 10</a><br>' menu4[1]='<a href=twoja strona.htm>Link 11</a><br>' menu4[2]='<a href=twoja strona.htm>Link 12</a><br>' //Contents for menu 5 var menu5=new Array() menu5[0]='<a href=twoja strona.htm>Link 13</a><br>' menu5[1]='<a href=twoja strona.htm>Link 14</a><br>' menu5[2]='<a href=twoja strona.htm>Link 15</a><br>' </script> <style> <!-- .iewrap1{ position:relative; height:30px; } .iewrap2{ position:absolute; } #dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4{ visibility:hide; z-index:100; } --> </style> </head> <body> <script language="JavaScript1.2"> //reusable///////////////////////////// var zindex=100 function dropit2(whichone){ if (window.themenu&&themenu.id!=whichone.id) themenu.style.visibility="hidden" themenu=whichone if (document.all){ themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (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" else themenu.visibility="hide" themenu.zIndex++ themenu.left=e.pageX-e.layerX themenu.top=e.pageY-e.layerY+19 return 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> <!----------Menu 1 starts here----------> <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')"> Grupa 1</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')"> Grupa 2</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')"> Grupa 3</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')"> Grupa 4</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')"> Grupa 5</a></b></font> </span> </span> </layer> </ilayer><br> <!----------Menu 5 ends here----------> <div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu0.style.padding="4px" for (i=0;i<menu1.length;i++) document.write(menu1[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.dropmenu0.captureEvents(Event.CLICK) document.dropmenu0.onclick=hidemenu2 } </script> <div id=dropmenu1 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu1.style.padding="4px" for (i=0;i<menu2.length;i++) document.write(menu2[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.dropmenu1.captureEvents(Event.CLICK) document.dropmenu1.onclick=hidemenu2 } </script> <div id=dropmenu2 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu2.style.padding="4px" for (i=0;i<menu3.length;i++) document.write(menu3[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.dropmenu2.captureEvents(Event.CLICK) document.dropmenu2.onclick=hidemenu2 } </script> <div id=dropmenu3 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu3.style.padding="4px" for (i=0;i<menu4.length;i++) document.write(menu4[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.dropmenu3.captureEvents(Event.CLICK) document.dropmenu3.onclick=hidemenu2 } </script> <div id=dropmenu4 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu4.style.padding="4px" for (i=0;i<menu5.length;i++) document.write(menu5[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.dropmenu4.captureEvents(Event.CLICK) document.dropmenu4.onclick=hidemenu2 } </script>
zobacz