TD의 강조 효과를 얻는 매우 간단한 방법._양식 특수 효과

코드 복사 코드는 다음과 같습니다.

function Menu_Init(obj){
var tds = obj.getElementsByTagName ("td");
for (var i = 0; i < tds.length; i )
{
if (tds[i].className == "MenuOptions")
{
tds[i].onmouseover = switch_bg;
tds[i].onmouseout = switch_bg; 🎜>function switch_bg(e){
if (this.className=="MenuOptions_click") return
this.className = (this.className == "MenuOptions") ? "MenuOptions_hilite" : "MenuOptions";
}


Menu_Init(obj)는 테이블을 초기화하는 데 사용됩니다. 🎜>

필수 CSS

코드 복사

코드는 다음과 같습니다. .MenuOptions { 패딩:2px; 커서:손; 색상:#000000; }

.MenuOptions_hilite{

패딩:1px
테두리:아웃셋 1px;
커서:손;
색상:#000000;
}


테이블 데모

코드 복사

코드는 다음과 같습니다.

안녕하세요 여러분

< ;td class="MenuOptions" >원한다면 사용하세요

하이라이트는 허용되지 않습니다

데모

<style> .MenuOptions{ padding:2px; cursor:hand; color:#000000; } .MenuOptions_hilite{ padding:1px; border:outset 1px #669999; cursor:hand; color:#000000; } </style> <table id="MenuTools" border="0" cellspacing="2" style="border:1px solid #000000;color:#000000;font-size:12px"> <tr> <td class="MenuOptions">大家好呀 </td> <td class="MenuOptions">很容易实现的效果 </td> <td class="MenuOptions">喜欢的就拿去用吧 </td> <td>这个不允许加亮 </td> </tr> </table> [Ctrl A Select All 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]