繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个很简单的办法实现TD的加亮效果.
- Javascript
- [原创]js 日期加红代码 适用于各种cms
- [原创]javascript 改变字体大小方法集合
- jsTree树控件(基于jQuery, 超强悍)[推荐]
- 修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
- jQuery live( type, fn ) 委派事件实现
- javascript createElement()创建input不能设置name属性的解决方法
- Jquery 表单取值赋值的一些基本操作
- jquery select选中的一个小问题
- 网页里控制图片大小的相关代码
- 网页常用特效代码整理
- 网站上面有这种切换效果
- tagName的使用，留一笔
- 图片按比例缩放函数
- 非常好的js代码
- 精彩图片推荐 渐隐渐现
- 左右图片循环滚动停顿一下后继续
- popdiv
- 奇妙的Javascript图片放大镜
- 怎么用javascript进行拖拽
- 一个表格收缩展开的函数
Javascript 中的 一个很简单的办法实现TD的加亮效果.
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 172 ::
收藏到网摘: n/a
<script>
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";
}
</script>
<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 class="MenuOptions" >很容易实现的效果
<td class="MenuOptions" >喜欢的就拿去用吧
<td >这个不允许加亮
</tr>
</table>
<script>Menu_Init(MenuTools)</script>
评论 (0) All
