<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript">
function over(id){
var e=document.getElementById(id);
e.style.backgroundColor='#0478fb';
e.style.color='#ffffff';
}
function out(id){
var e=document.getElementById(id);
e.style.backgroundColor='#FFFFFF';
e.style.color='#000000';
}
</script>
</head>
<body>
<table width="200" border="0">
<tr id="123" onMouseOver="over(this.id);" onmouseout="out(this.id);">
<td>
jnihao
</td>
<td>
jnihao
</td>
<td>
jnihao
</td>
</tr>
<tr id="456" onMouseOver="over(this.id);" onmouseout="out(this.id);">
<td>
jnihao
</td>
<td>
jnihao
</td>
<td>
jnihao
</td>
</tr>
<tr id="789" onMouseOver="over(this.id);" onmouseout="out(this.id);">
<td>
jnihao
</td>
<td>
jnihao
</td>
<td>
jnihao
</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
鼠标移入某行时变颜色，移出再变回来。这样可以让用户清楚的知道自己正在看哪一行。 表格点击变色。便于用户选中自己想保留的项。 说明： i%2 每个数和2取模的值，只有0和1两种，这样就可以实现隔行变色的效果 ...
该代码可以实现表格中鼠标在不同行间移动来实现输鼠标移入移出 有颜色提醒的效果
javascript表格隔行变色加鼠标移入移出及点击效果的方法.docx
表格行随鼠标移入移出，背景色也随之改变，，，
Vue鼠标在表格中移入移出到具体单元格时input显示隐藏，当input内有输入值的时候，input不再隐藏，输入完值后，鼠标移出，输入值自动显示在所在单元格中
javascript实现网页中表格的行随着鼠标移动而变色，实时变色表格行
实现效果为：表格隔行换色 鼠标移过变色 实现多选效果
鼠标移动表格行上行变色的JS脚本,鼠标移动表格行上行变色的JS脚本,
鼠标滑过表格行变色，选中某行改行背景色改变
datagrid双击表格连接到另一页/改变颜色/行随鼠标变色
js 无缝滚动，鼠标放上去暂停代码，供大家学习和程序中使用
鼠标经过表格内容自动切换,是用js做出来的,没有太多的代码简单明了
本文实例为大家分享了js鼠标经过表格某行时此行变色的具体代码，供大家参考，具体内容如下 表格表头为蓝色，表主体为白色，当鼠标放到表的非表头行时，这一行颜色变为黄色，鼠标离开时黄色消失。 <!DOCTYPE ...
CSS+JS 实现表格隔行变色 鼠标移动变色
主要介绍了JS实现的表格行上下移动操作,涉及javascript针对页面元素节点与属性的相关操作技巧,需要的朋友可以参考下
判断鼠标点击所在表格的第几行以及删除表格的行 判断鼠标点击所在表格的第几行以及删除表格的行 判断鼠标点击所在表格的第几行以及删除表格的行
NULL 博文链接：https://shihuan830619.iteye.com/blog/2087848
今天小编就为大家分享一篇layui实现鼠标移动到单元格上显示数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
jquery表格隔行变色鼠标滑过竖直表格内容变色效果