中文(简体)
<!--要完成此效果需要两个步骤第一步：把如下代码加入到<head>区域中--> <style type="text/css"> .menulinks {position:relative;} #menucont a {颜色：#006699;字体粗细：粗体；文本装饰：无；} #menucont a：悬停{颜色：#ff0000;字体粗细：粗体；文字修饰：下划线、上划线； text-transform: uppercase;} </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin nSpace=5 // 每个字母之间最大有多少空格 nSpeed=100 // 动画的速度 timerLSM=null;函数 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); } } 函数 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=“居中”; cnt.onmouseover=停止菜单； cnt.onmouseout=LetterSpacingMenu; LetterSpacingMenu(); onload=LSMenuInit; // End --> </script> <!--第二步：把如下代码加入到<body>区域中--> <div id="menucont"> <a href="#" id="a1 " class="menulinks" title="新增内容">新增内容</a><br> <a href="#" id="a2" class="menulinks" title="关于此网站">关于此网站</a><br> <a href="#" id="a3" class="menulinks" title="dhtml 脚本">dhtml 脚本</a><br> <a href="#" id=" a4" class="menulinks" title="dhtml 教程">dhtml 教程</a><br> <a href="#" id="a5" class="menulinks" title="dhtml links">dhtml 链接< /a><br> <a href="#" id="a6" class="menulinks" title="推广此网站">推广此网站</a><br> <a href="#" id= "a7" class="menulinks" title="联系我们">联系我们</a> </div>
