复制代码 代码如下:functionMenu_Init(obj){
vartds=obj.getElementsByTagName("td");
for(vari=0;i<tds.length;i++)
{
if(tds[i].className=="MenuOptions")
{
tds[i].onmouseover=switch_bg;
tds[i].onmouseout=switch_bg;
}
}
}
functionswitch_bg(e){
if(this.className=="MenuOptions_click")return
this.className=(this.className=="MenuOptions")?"MenuOptions_hilite":"MenuOptions";
}
Menu_Init(obj)用于初始化Table.
所需要的CSS
复制代码 代码如下:.MenuOptions{
padding:2px;
cursor:hand;
color:#000000;
}
.MenuOptions_hilite{
padding:1px;
border:outset1px#669999;
cursor:hand;
color:#000000;
}
table示范
复制代码 代码如下:<tableid=MenuToolsborder="0"cellspacing="2"style="border:1pxsolid#000000;color:#000000;font-size:12px">
<tr>
<tdclass="MenuOptions">大家好呀
<tdclass="MenuOptions">很容易实现的效果
<tdclass="MenuOptions">喜欢的就拿去用吧
<td>这个不允许加亮
</tr>
</table>
演示
.MenuOptions{ padding:2px; cursor:hand; color:#000000; } .MenuOptions_hilite{ padding:1px; border:outset 1px #669999; cursor:hand; color:#000000; }
| 大家好呀 | 很容易实现的效果 | 喜欢的就拿去用吧 | 这个不允许加亮 |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
【一个很简单的办法实现TD的加亮效果.】相关文章：
★ 滚动效果
★ Javascript实现的SHA-256加密算法完整实例