js--表格操纵之 鼠标经过整行变色
2008-09-04 21:36
489 查看
今天在网上发现了一个不错的表格操纵的东西 保存下来以后用
<style type="text/css">
#tb{width:666px;border-collapse:collapse;border:1px solid #EEE;font-size:14px;}
#tb th{background:#EEE;border-bottom:1px solid #CCC;padding:4px;}
#tb td{border:1px solid #EEE;padding:4px;}
#tb tr:hover{background:#0EF}
//tb:表格的名字
</style>
//比较复杂的方法--下面
<script type="text/javascript">
var obj=document.getElementById("tb");
for(var i=0;i<obj.rows.length;i++){
//循环表格行设置鼠标事件:
obj.rows[i].onmouseover=function(){this.style.background="#0EF";}
obj.rows[i].onmouseout=function(){this.style.background="";}
}
</script>
<style type="text/css">
#tb{width:666px;border-collapse:collapse;border:1px solid #EEE;font-size:14px;}
#tb th{background:#EEE;border-bottom:1px solid #CCC;padding:4px;}
#tb td{border:1px solid #EEE;padding:4px;}
#tb tr:hover{background:#0EF}
//tb:表格的名字
</style>
//比较复杂的方法--下面
<script type="text/javascript">
var obj=document.getElementById("tb");
for(var i=0;i<obj.rows.length;i++){
//循环表格行设置鼠标事件:
obj.rows[i].onmouseover=function(){this.style.background="#0EF";}
obj.rows[i].onmouseout=function(){this.style.background="";}
}
</script>
相关文章推荐
- js实现鼠标经过表格行变色的方法
- js实现鼠标经过表格行变色的方法
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- 简单实现表格隔行变色+鼠标经过变色
- 鼠标经过时,表格变色
- jQuery表格隔行变色,鼠标经过变色
- 表格样式:鼠标经过时表格变色
- 鼠标经过时变色的表格
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- JS实现表格隔行换色,鼠标经过换色,单击换色,再单击还原等功能
- 鼠标经过,表格变色
- 鼠标经过表格变色
- 鼠标指针经过时整行变色的表格
- JQuery实现表格隔行变色,鼠标经过的行放大显示
- js 数据列表隔行变色,鼠标经过行变色,选中行变色。
- 鼠标经过表格行时,显示变色、字体放大效果 jquery
- 用js实现表格中鼠标移动行变色
- JS鼠标移到表格行时变色
- 鼠标经过表格变色
- css控制表格样式 鼠标经过变色效果