UC知道菜鸟请教简单ASP编程
来源：百度知道 编辑：UC知道 时间：2024/06/04 14:33:58
鼠标移动上去，颜色会变，但是移开之后颜色还是改变之后的颜色，请高手赐教。还有this.style.background =''空值是这样表示吗？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>理解onmouseover onmouseout事件在网页中的应用</title>
</head>
<body>
<h3>理解onmouseover onmouseout事件在网页中的应用</h3>
<table border="1" width="200">
<% for i=1 to 100 %>
<tr onmousemove="javascript: this.style.background = '#cc00ff'"
onmouseout="javascript: this.style.background =''">
<td><%=i%></td>
</tr>
<% next %>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>理解onmouseover onmouseout事件在网页中的应用</title>
</head>
<body>
<h3>理解onmouseover onmouseout事件在网页中的应用</h3>
<table border="1" width="200">
<% for i=1 to 100 %>
<tr onmousemove="javascript: this.style.background = '#cc00ff'"
onmouseout="javascript: this.style.background =''">
<td><%=i%></td>
</tr>
<% next %>
</table>
</body>
</html>
测试过，你的代码没问题，可以正常显示。更灵活的办法是使用CSS：
<tr onmousemove="javascript: this.style.background = '#cc00ff'"
onmouseout="javascript: this.style.background =''">
以上这句改成：
<tr class="css1" onmousemove="className='MouseOver'"
onmouseout="className='css1'">
其中css1是初始样式，MouseOver是鼠标滑过的样式，只要定义这两个样式，就可以得到不同的效果：
如定义：
<style>
.css1{
color: #000000;
background-color: #FFFFFF;
}
.MouseOver{
color: #FFFFFF;
background-color: #cc00ff;
}
</style>
当鼠标滑过时，不仅背景改变了，文字颜色也改变了
不推荐使用js，建议用css来写
this.style.backgroundColor
没有空值一说吧？你可以设成白色#FFFFFF
this.style.background =''"指定一个值不就行了.不指定值好像是无效的样式了