<html>
<head>
<title>鼠标划过表格行变色-简洁实现</title>
<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;}
</style>
</head>
<body>
<table id="tb">
<tr>
<th>商品名称</th>
<th>单价</th>
<th>库存数量</th>
<th>货位</th>
</tr>
<tr>
<td>丁学最喜欢的仙四豪华版-菱纱版</td>
<td>139</td>
<td>10000000</td>
<td>A12-253</td>
</tr>
<tr>
<td>仙四豪华版-梦璃版</td>
<td>139</td>
<td>10000000</td>
<td>A12-254</td>
</tr>
<tr>
<td>仙四普通版-首发</td>
<td>69</td>
<td>10000000</td>
<td>A12-255</td>
</tr>
</table>
<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="#2323FF";}
obj.rows[i].onmouseout=function(){this.style.background="";}
}
</script>
分享到:
相关推荐
主要介绍了js实现鼠标经过表格行变色的方法,涉及javascript表格节点样式及鼠标事件的相关操作技巧,需要的朋友可以参考下
js 实现 鼠标经过表格时列变色! 值得下载看看!资源免费,大家分享!!
通过jquery给经过的表格设置css背景变色效果
table鼠标经过时整行变色 jquerytable鼠标经过时整行变色 jquery
js表格特效制作js表格变色效果,表格隔行变色,鼠标滑过显示单行变色效果,点击选中变色。内含js代码下载
实现效果为:表格隔行换色 鼠标移过变色 实现多选效果
鼠标划过表格行变色-简洁实现 #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 ...
本文实例为大家分享了js鼠标经过表格某行时此行变色的具体代码,供大家参考,具体内容如下 表格表头为蓝色,表主体为白色,当鼠标放到表的非...鼠标经过表格变色</title> <style> table { margin: 20
前几天在博问里发现有人问关于 GridView点击行变色 的问题,突然想起很久很久以前,写过一篇文章 一个简单但常用的表格样式--鼠标划过行变色--简洁实现 ,是关于表格行颜色交替和鼠标指向时变色的,正好今天把那...
本文实例为大家分享了JavaScript实现表格动态变色的具体代码,供大家参考,具体内容如下 表格分为:表头、表格主体 两部分 当移动到表格主体的行时,移动到哪一行,哪一行就变化颜色,区分我们选中的行数,更...
表格隔行变色功能的实现(当鼠标经过当前行变颜色,当鼠标离开当前行变颜色,利用鼠标经过和离开事件完成)!!!
超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff)
本文实例讲述了jQuery实现Table表格隔行变色及高亮显示当前选择行效果。分享给大家供大家参考,具体如下: 最近客户要求高亮选择列表的功能,于是顺便做了个,作为记录。 前台代码: <!DOCTYPE ...
表格复选按钮和选中变色特效代码 不错的表格排序 漂亮简洁的表格特效代码 鼠标经过表格变色效果 鼠标经过显示产品图片js特效代码
易语言高级表格鼠标移动时改变背景色
使用纯CSS实现在鼠标经过一个表格的某一行的时候,要整行的背景颜色发生变化,以表明该行正中焦点: <html > <head> <meta charset=utf-8/> <title>change</title> <style type=...
鼠标经过table变色的效果,想必大家都有遇到过吧,其实实现并不难,在本文为大家详细介绍下jquery是如何实现的,感兴趣的朋友可以参看下
当鼠标经过时希望实现隔列变色(最好是反色) ,效果示例如下: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]代码已经帖上来,现在鼠标移动到单元格变色 phx.rows[i].cells[j].onmouseover=function() ...