Hier gibt mal etwas anderes. Ein Fading Menü, dass durch den Style den Anschein eines Button-Menüs hat. Ist aber alles reines HTML in Verbindung mit einem Stylesheet. Schnell und einfach in die eigene Homepage integrierbar.
HTML-Einbindung <!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <!-- Original: Richard Hucko (rhucko1@yahoo.com) --> <!-- Web Site: www.DynamicScripts.TK --> <script language="JavaScript" type="text/javascript"> <!-- var a=new Array(); var colorCount=0,bgcolorCount=255; var Timer; window.onload=load; function load() { a=document.getElementById('container').getElementsByTagName('a'); } function LoadAll(arrayID) { if(colorCount<255||bgcolorCount>0) { with(a[arrayID].style) { color="rgb("+colorCount+","+colorCount+","+colorCount+")"; border="2 white outset"; backgroundColor="rgb("+bgcolorCount+","+bgcolorCount+","+bgcolorCount+")"; } colorCount+=4; bgcolorCount-=4; } Timer=setTimeout("LoadAll("+arrayID+");",10); } function OMOver(arrayID) { clearTimeout(Timer); bgcolorCount=255; colorCount=0; LoadAll(arrayID); } function OMOut(arrayID) { bgcolorCount=0; colorCount=255; with(a[arrayID].style) { color="lightyellow"; border="0"; backgroundColor="black"; } } function OMDown(arrayID) { with(a[arrayID].style) { colorCount=255; bgcolorCount=0; border="2 red inset"; } } //--> </script> <style type="text/css"> <!-- body div#container a { font-weight:bold; color:grey; } --> </style> <!-- Diesen Code musst Du in den -body- einbauen --> <div id="container"> <a href="#" onmouseover="OMOver(0)" onmouseout="OMOut(0)" onmousedown="OMDown(0)"># One</a> <a href="#" onmouseover="OMOver(1)" onmouseout="OMOut(1)" onmousedown="OMDown(1)"># Two</a> <a href="#" onmouseover="OMOver(2)" onmouseout="OMOut(2)" onmousedown="OMDown(2)"># Three</a> <a href="#" onmouseover="OMOver(3)" onmouseout="OMOut(3)" onmousedown="OMDown(3)"># Four</a> <a href="#" onmouseover="OMOver(4)" onmouseout="OMOut(4)" onmousedown="OMDown(4)"># Five</a> <!-- I've Added some Commented Liks Below for Easy Addition. --> <!-- <a href="" onmouseover="OMOver(5)" onmouseout="OMOut(5)" onmousedown="OMDown(5)"># Six</a> --> <!-- <a href="" onmouseover="OMOver(6)" onmouseout="OMOut(6)" onmousedown="OMDown(6)"># Seven</a> --> <!-- <a href="" onmouseover="OMOver(7)" onmouseout="OMOut(7)" onmousedown="OMDown(7)"># Eight</a> --> <!-- <a href="" onmouseover="OMOver(8)" onmouseout="OMOut(8)" onmousedown="OMDown(8)"># Nine</a> --> <!-- <a href="" onmouseover="OMOver(9)" onmouseout="OMOut(9)" onmousedown="OMDown(9)"># Ten</a> --> </div> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->
Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"