中文(繁体)
<!--要完成此效果需要兩個步驟第一步：把如下程式碼加入<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>
