A very simple way to achieve the highlighting effect of TD._Form special effects

Copy code The code is as follows:

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) is used to initialize Table.

Required CSS


Copy code

The code is as follows: .MenuOptions{ padding:2px; cursor:hand; color:#000000;

}

.MenuOptions_hilite{
padding:1px ;
border:outset 1px #669999;
cursor:hand;
color:#000000;
}


table demonstration

Copy code

The code is as follows:

Hello everyone

Use it if you like

This does not allow highlighting

Demo

<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 Note: If you need to introduce external Js, you need to refresh to execute ]