
onmousemove()修改了背景,怎么样才能在onmouseout()的时候改回原来的颜色
原来的表格做了斑马纹的样式,但是我想在鼠标移到这行上的时候有个颜色,然后移出的时候再变回来,不知道怎么做了,求帮助<tronmousemove="change_bgcol...
原来的表格做了斑马纹的样式,但是我想在鼠标移到这行上的时候有个颜色,然后移出的时候再变回来,不知道怎么做了,求帮助
<tr onmousemove="change_bgcolor_in(this)" onmouseout="change_bgcolor_out(this)">
<td>-</td>
<td>-</td>
<td></td>
<td></td>
<td>-</td>
<td>-</td>
</tr>
<script>
function change_bgcolor_in(obj) {
obj.style.backgroundColor="#121212";
}
function change_bgcolor_out(obj) {
obj.style.backgroundColor="#fff";
}
</script> 展开
<tr onmousemove="change_bgcolor_in(this)" onmouseout="change_bgcolor_out(this)">
<td>-</td>
<td>-</td>
<td></td>
<td></td>
<td>-</td>
<td>-</td>
</tr>
<script>
function change_bgcolor_in(obj) {
obj.style.backgroundColor="#121212";
}
function change_bgcolor_out(obj) {
obj.style.backgroundColor="#fff";
}
</script> 展开
2个回答
展开全部
<html>
<head>
<style>
tr:nth-child(odd){background:blue;}
tr:nth-child(even){background:green;}
tr:hover{
background-color:red;
}
</style>
</head>
<body>
<table>
<tr>
<td>1111111111111111</td></tr>
<tr><td>2222222222222</td></tr>
</table>
</body>
</html>
用css写 demo有点简单。不过你可以参考下
<head>
<style>
tr:nth-child(odd){background:blue;}
tr:nth-child(even){background:green;}
tr:hover{
background-color:red;
}
</style>
</head>
<body>
<table>
<tr>
<td>1111111111111111</td></tr>
<tr><td>2222222222222</td></tr>
</table>
</body>
</html>
用css写 demo有点简单。不过你可以参考下
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<html>
<head>
<style>
tr:nth-child(odd){background:blue;}
tr:nth-child(even){background:green;}
tr:hover{
background-color:red;
}
</style>
</head>
<body>
<table>
<tr>
<td>1111111111111111</td></tr>
<tr><td>2222222222222</td></tr>
</table>
</body>
</html>
<head>
<style>
tr:nth-child(odd){background:blue;}
tr:nth-child(even){background:green;}
tr:hover{
background-color:red;
}
</style>
</head>
<body>
<table>
<tr>
<td>1111111111111111</td></tr>
<tr><td>2222222222222</td></tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询