多个tr的onMouseOver

该昵称很风骚 2009-08-14 02:50:34
我知道,只有区区几个tr的话,可以直接在tr里onMouseOver="style.backgroundColor='#F0F9FD'"
onmouseout="style.backgroundColor=''"
但是,我有300多个tr,要加死人了,

能有什么快捷方式吗?
...全文
60 点赞 收藏 7
写回复
7 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
微甜呼吸 2009-08-15
IE不支持hover的伪类,没办法
试试3楼的JS的方法吧
回复
ldyanstar 2009-08-14
[Quote=引用 3 楼 blueforyou 的回复:]
把tr在的table赋一个id,如table,然后用js遍历所有tr,增加方法;
JScript code
window.onload=function(){var parentObj=document.getElementById("table");var items=parentObj.getElementsByTagName("tr");var length=items.length;for(var i=0;i<length;i++){
items[i].onmouseover=function(){this.style.background="#F0F9FD";
}
items[i].onmouseout=function(){this.style.background="";
}
}
}
[/Quote]
大师,我给你发了私信,请教一点问题。ldyanstar
回复
woshiguozhongbin 2009-08-14
噢。这样啊。

那你试试三楼的吧。
回复
上面的代码需要向js那样,用onclick类似的来引用ready吗?我还没开始学jq,谢谢了
回复
blueforyou 2009-08-14
把tr在的table赋一个id,如table,然后用js遍历所有tr,增加方法;

window.onload=function(){
var parentObj=document.getElementById("table");
var items=parentObj.getElementsByTagName("tr");
var length=items.length;
for(var i=0;i<length;i++){
items[i].onmouseover=function(){
this.style.background="#F0F9FD";
}
items[i].onmouseout=function(){
this.style.background="";
}
}
}
回复
woshiguozhongbin 2009-08-14

<script language="javascript" type="text/javascript">
$(document).ready(function(){
//table各行变色 但是表头不是这个颜色
$('tr:even').not($('tr:has(th)')).addClass("show")
//设置表头的颜色
$('tr th').addClass("th");
// 设置光标。 hover()鼠标悬停事件。
$('tr').hover(
function(){$(this).addClass("hover")}, //鼠标进入td时候的颜色
function(){$(this).removeClass("hover")} //鼠标离开删除hover类
);
});
</script>
回复
woshiguozhongbin 2009-08-14
jquery

超级快....
回复
发动态
发帖子
基础编程
创建于2007-09-28

2.1w+

社区成员

从PHP安装配置,PHP入门,PHP基础到PHP应用
申请成为版主
社区公告
暂无公告