复制代码 代码如下: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)用于初始化 Table. 所需要的CSS 复制代码 代码如下:.MenuOptions{ padding:2px; cursor:hand; color:#000000; } .MenuOptions_hilite{ padding:1px; border:outset 1px #669999; cursor:hand; color:#000000; } table示范 复制代码 代码如下:<table id=MenuTools border="0" cellspacing="2" style="border:1px solid #000000;color:#000000;font-size:12px"> <tr> <td class="MenuOptions" >大家好呀 <td class="MenuOptions" >很容易实现的效果 <td class="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需刷新才能执行]
推荐阅读
兼容低版本IE的JScript5.5实现
作者Blog:www.coolcode.cn IE 5.5 中的 JScript 版本是 5.5 版,它比以前版本的 JScript 中多了如数组的 push、pop、shift、unshift 方法和 encodeURI、decodeURI 等一些重要的函数。而这些增加的内容在目前其他浏>>>详细阅读
本文标题:一个很简单的办法实现TD的加亮效果.
地址:http://www.17bianji.com/kaifa2/JS/31519.html
1/2 1