<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表格隔行变色鼠标滑过竖直表格内容变色效果