多个tr的onMouseOver

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

能有什么快捷方式吗?
...全文
92 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
微甜呼吸 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
Abin-2008 2009-08-14
  • 打赏
  • 举报
回复
噢。这样啊。

那你试试三楼的吧。
该昵称很风骚 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="";
}
}
}
Abin-2008 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>
Abin-2008 2009-08-14
  • 打赏
  • 举报
回复
jquery

超级快....

21,886

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧