한국어
<!--要完成此效果需要两个步骤 第一步:把如下代码加入到<head>区域中--> <style type="text/css"> .menulinks {position:relative;} #menucont a {색상:#006699; 글꼴 두께:굵게; 텍스트 장식:없음;} #menucont a:hover{color:#ff0000; 글꼴 두께:굵게; 텍스트 장식:밑줄 윗줄; text-transform: uppercase;} </style> <SCRIPT LANGUAGE="JavaScript"> <!-- 시작 nSpace=5 // 각 문자 사이의 최대 공백 수 nSpeed=100 // 애니메이션 속도 타이머LSM=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"; timeLSM = 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= "중심"; cnt.onmouseover=정지메뉴; cnt.onmouseout=LetterSpacingMenu; LetterSpacingMenu(); } } onload=LSMenuInit; // 끝 --> </script> <!--第二步:把如下代码加入到<body>区域中--> <div id="menucont"> <a href="#" id="a1 " class="menulinks" title="what's new">새로운 소식</a><br> <a href="#" id="a2" class="menulinks" title="about this site">이 사이트 정보 </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 link">dhtml 링크< /a><br> <a href="#" id="a6" class="menulinks" title="이 사이트 홍보">이 사이트 홍보</a><br> <a href="#" id= "a7" class="menulinks" title="문의하기">문의하기</a> </div>