日本語
<!--この効果を達成するには 2 つのステップが必要です。 最初のステップ: 次のようなコードを <head> 領域中に追加します --> <style type="text/css"> .menulinks {position:relative;} #menucont a {カラー:#006699;フォントの太さ:太字; text-decoration:none;} #menucont a:hover{color:#ff0000;フォントの太さ:太字;テキスト装飾:下線上線; text-transform: uppercase;} </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin nSpace=5 // 各文字間の最大スペース数 nSpeed=100 // アニメーションの速度 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); } } 関数 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; // 終了 --> </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 リンク">dhtml リンク< /a><br> <a href="#" id="a6" class="menulinks" title="このサイトを宣伝する">このサイトを宣伝する</a><br> <a href="#" id= "a7" class="menulinks" title="お問い合わせ">お問い合わせ</a> </div>
