Rollover-Menü

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den head-Tag einfügen--> <script language="JavaScript"> // Your images! Img1=new Image();Img1.src="up.gif"; Img2=new Image();Img2.src="down.gif"; // Your Text style, 1-7 only! fnt='Verdana'; clr='#666633'; sz=2; // Button layout! use standard HTML. // "<BR>" to stack. // "<P>" to stack with space between. // " " for inline. separate="<P>"; // Nothing needs altering past here! function N(name){document.images[name].src=Img1.src} function Y(name){document.images[name].src=Img2.src} function DrawEm(Url,Id,Txt){ document.write(" "//Alignment in NS wont work without this! +" <a href='"+Url+"' onMouseOver=\"Y('"+Id+"\')\" onMouseOut=\"N('"+Id+"')\">" +" <img src="+Img1.src+" border='0' align='absmiddle' name='"+Id+"'></a> " +"<font face="+fnt+" size="+sz+" color="+clr+"> "+Txt+"  </font>"+separate+" "); } // --> </script> <!-- Diesen Code musst Du in den -body- einbauen --> <script language="JavaScript"> /* The buttons, add as many as needed. The single letters are the button id's, each one must be different or an error will occur at that point. */ DrawEm("http://www.yahoo.com","a","Yahoo"); DrawEm("http://www.google.com","b","Google"); DrawEm("http://www.altavista.com","c","AltaVista"); DrawEm("http://www.lycos.com","d","Lycos"); DrawEm("http://www.hotbot.com","e","Hotbot"); // --> </script> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->