作家
登录

一个很简单的办法实现TD的加亮效果.

作者: 来源:www.28hudong.com 2013-03-30 04:02:35 阅读 我要评论

复制代码 代码如下: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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)