Hareketli Menü
Linklerinizin ilginç görünmesini istiyorsanız bu scripti deneyin.
ÖRNEK
<!-- Original: Martial Boissonneault --> <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>
<div id="menucont"> <!-- Menü varsayılan olarak sayfanın ortasında bulunur, menünün eski browserlarda da ortada gözükmesi için aşşağıdaki kodları <center> </center> içine alın. --> <a href="test.htm" id="a1" class="menulinks" title="TIKLAYIN">Anasayfa</a><br> <a href="test.htm" id="a2" class="menulinks" title="TIKLAYIN">Şiirler</a><br> <a href="test.htm" id="a3" class="menulinks" title="TIKLAYIN">Oyunlar</a><br> <a href="test.htm" id="a4" class="menulinks" title="TIKLAYIN">Fıkralar</a><br> <a href="test.htm" id="a5" class="menulinks" title="TIKLAYIN">Faydalı Linkler</a><br> <a href="test.htm" id="a6" class="menulinks" title="TIKLAYIN">Forum</a><br> <a href="test.htm" id="a7" class="menulinks" title="TIKLAYIN">Webmaster</a> </div>
Copyright © 2002-2004 www.javascriptbankasi.com.tr.tc
Mail:javascriptbankasi@hotmail.com