what's new about this site dhtml scripts dhtml tutorials dhtml links promote this site contact us
Zappelmenü Ein tolles "Funscript", welches eigentlich auch nur für diesen Zweck gebraucht werden kann. Die Links zappeln, sobald man aber mit der Maus darüberfährt, ist Schluß mit Lustig. <!-- Script-Anfang --> <!-- Diesen Code musst Du in den head-Tag einfügen--> <style type="text/css"> .menulinks {position:relative;} #menucont a{color:#006699; font-weight:bold; text-decoration:none;} #menucont a:hover{color:#ff0000; font-weight:bold; text-decoration:underline overline; text-transform: uppercase;} </style> <script LANGUAGE="JavaScript"> /************************************************************************ Script made by Martial Boissonneault © 2001 http://getElementById.com/ This script may be used and changed freely as long as this msg is intact Visit http://getElementById.com/ for more free scripts and tutorials. *************************************************************************/ nSpace=5 // how many space maximum between each letter nSpeed=100 // the speed of the animation timerLSM=null; function LetterSpacingMenu() { if(document.getElementById){ lnks = Math.floor(Math.random()*lnk.length); letterSpacing = Math.floor(Math.random()*nSpace); lnk[lnks].style.letterSpacing = letterSpacing + "px"; timerLSM = setTimeout("LetterSpacingMenu()", nSpeed); } } function StopMenu() { if(document.getElementById) { clearTimeout(timerLSM); for(i=0;i<lnk.length;i++) lnk[i].style.letterSpacing = 0 + "px"; } } function LSMenuInit() { if(document.getElementById) { lnk = document.getElementById("menucont").getElementsByTagName("a"); cnt = document.getElementById("menucont"); cnt.style.textAlign= "center"; cnt.onmouseover=StopMenu; cnt.onmouseout=LetterSpacingMenu; LetterSpacingMenu(); } } onload=LSMenuInit; <!-- Begin // End --> </script> <!-- Diesen Code musst Du in den <body> einfügen.--> <div id="menucont"> <!-- Put all links between <center> </center> to get those links align center for older browser --><p><a href="#" id="a1" class="menulinks" title="what's new">what's new</a><br> <a href="#" id="a2" class="menulinks" title="about this site">about this site</a><br> <a href="#" id="a3" class="menulinks" title="dhtml scripts">dhtml scripts</a><br> <a href="#" id="a4" class="menulinks" title="dhtml tutorials">dhtml tutorials</a><br> <a href="#" id="a5" class="menulinks" title="dhtml links">dhtml links</a><br> <a href="#" id="a6" class="menulinks" title="promote this site">promote this site</a><br> <a href="#" id="a7" class="menulinks" title="contact us">contact us</a> </div><p></p> <!-- Script-Ende -->
Newsletter schon abonniert? Wenn nicht, bitte "Haken" setzen
