Javasript. Новые поступления в декабре 2001 г.

what's new
about this site
dhtml scripts
dhtml tutorials
dhtml links
promote this site
contact us

The JavaScript Source: Navigation: Letter Spacing Menu
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

  <HEAD>     <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;  </script> </HEAD>  <BODY> <div id="menucont">  <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><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>