Dieses tolle Menü besticht durch seine einfach Konfiguration und ist sehr flexibel einsatzbar. Zudem ist eine Funktion eingebaut, die es auf der Seite mitscrollen läßt, sobald man die Seite nach unten scrollt.
<script language="JavaScript1.2"> /* Static menu script II (By maXimus, maximus2k@nsimail.com, http://hammer.prohosting.com/~maxms2k/) Modified slightly and permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ function move(x, y) { if (document.all) { object1.style.pixelLeft += x; object1.style.pixelTop += y;} else if (document.layers) { document.object1.left += x; document.object1.top += y; }}; function position() { document.object1.left += -132; document.object1.top += 0; document.object1.visibility = "show" }; function makeStatic() { if (document.all) {object1.style.pixelTop=document.body.scrollTop+20} else {eval('document.object1.top=eval(window.pageYOffset+20)');} setTimeout("makeStatic()",0);} </script> <STYLE TYPE="text/css"> <!-- .hl{ Background-Color : highlight; color:white; Cursor:hand; } .n{ Background-Color : silver Cursor:hand; } --> </STYLE>
<LAYER class="NS" visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132, 0)" onmouseout="move(-132, 0)"> <script language="JavaScript1.2"> if (document.all) document.write('<DIV ID="object1" style="Position : Absolute ;Left : -132px ;Top : 20px ;Width : 0px ;Z-Index : 20">') </script> <table border="0" cellpadding="2" cellspacing="1" width="150" bgcolor="#000000" onmouseover="move(132,0)" onmouseout="move(-132, 0)"> <tr> <td bgcolor="#0099FF"><font size="3" face="Arial"><b>Menu</b></font></td> <td align="center" rowspan="100" width="12" bgcolor="#FF6666"> <script language="JavaScript1.2"> if (document.all||document.layers) document.write('<p align="center"><font size="2" face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<br>U</font></p>') </script> </td> </tr> <script language="JavaScript1.2"> <!-- if (document.all||document.layers) makeStatic(); if (document.layers) { window.onload=position; } var sitems=new Array(); var sitemlinks=new Array(); //configure links below. Extend as desired sitems[0]="Homepage"; sitems[1]="aktuelle Freeware"; sitems[2]="Freewarelinks"; sitems[3]="Javaapplets"; sitems[4]="Javascripts"; sitems[5]="Javaspiele"; sitems[6]="Autonr.net-Buttons"; sitems[7]="eMail"; sitemlinks[0]="http://www.rainerhansen.de"; sitemlinks[1]="http://www.rainerhansen.de/freeware/index.htm"; sitemlinks[2]="http://www.rainerhansen.de/freeware.htm"; sitemlinks[3]="http://www.rainerhansen.de/java/index.html"; sitemlinks[4]="http://www.rainerhansen.de/java/index.html"; sitemlinks[5]="http://www.rainerhansen.de/java/index.html"; sitemlinks[6]="http://www.rainerhansen.de/autonrnet.htm"; sitemlinks[7]="mailto:info@rainerhansen.de"; for (i=0;i<=sitems.length-1;i++) if (document.all) {document.write('<TR><TD bgcolor=white onclick="location=\''+sitemlinks[i]+'\'" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2>'+sitems[i]+'</FONT></TD></TR>')} else if (document.layers){document.write('<TR><TD bgcolor="white"><FONT SIZE=2><a onfocus="this.blur()" href="'+sitemlinks[i]+'">'+sitems[i]+'</A></FONT></TD></TR>')} function hl(n) { n.className='hl'} function n(h) { h.className='n'} //--></script> </table> <script language="JavaScript1.2"> if (document.all) document.write('<\/DIV>') </script> </LAYER>
