当前位置: 代码迷 >> Web前端 >> 报表行随鼠标移进移出切换样式
  详细解决方案

报表行随鼠标移进移出切换样式

热度:17   发布时间:2012-09-11 10:49:03.0
表格行随鼠标移进移出切换样式
<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>
?
  相关解决方案