Français
<!--要完成此效果需要两个步骤 第一步：把如下代码加入到<head>区域中--> <style type="text/css"> .menulinks {position:relative;} #menucont a {couleur : #006699 ; poids de la police : gras ; text-decoration:none;} #menucont a:hover{color:#ff0000; poids de la police : gras ; text-decoration:souligné surligner; text-transform: uppercase;} </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin nSpace=5 // combien d'espace maximum entre chaque lettre nSpeed=100 // la vitesse de l'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= "centre"; cnt.onmouseover=StopMenu; cnt.onmouseout=LetterSpacingMenu; LettreEspacementMenu(); } } onload=LSMenuInit; // Fin --> </script> <!--第二步：把如下代码加入到<body>区域中--> <div id="menucont"> <a href="#" id="a1 " class="menulinks" title="quoi de neuf">quoi de neuf</a><br> <a href="#" id="a2" class="menulinks" title="à propos de ce site">à propos de ce site </a><br> <a href="#" id="a3" class="menulinks" title="scripts dhtml">scripts dhtml</a><br> <a href="#" id=" a4" class="menulinks" title="tutoriels dhtml">tutoriels dhtml</a><br> <a href="#" id="a5" class="menulinks" title="liens dhtml">liens dhtml< /a><br> <a href="#" id="a6" class="menulinks" title="promouvoir ce site">promouvoir ce site</a><br> <a href="#" id= "a7" class="menulinks" title="contactez-nous">contactez-nous</a> </div>
