怎样通过onMouseOver事件调用网页中样式？

来源：百度知道 编辑：UC知道 时间：2024/07/04 08:15:54
样式是我事先订好的
我想让光标经过网页上某一点时，这一点所在的一整行都显示一种色彩。
点击其它行时，刚才点击的那一行恢复正常

...
<style>
.css1{
background-color:#FF0000;
}
.css2{
background-color:#00FF00;
}
</style>
...
<tr class="css1" onMouseOver="this.className='css2';">
......
那就多写一个onMouseOut
<tr class="css1" onMouseOver="this.className='css2'" onMouseOut="this.className='css1'" >不就行了.

我项目中截取的一段代码：

<style type="text/css">
.yourCss{
......
}
</style>
<script>
function mouse_over(obj){
obj.className="yourCss";
}
function mouse_out(obj){
obj.className="";
}
</script>
<html>
.....
<tr onmouseover='mouse_over(this)'>
.....
</html>

当鼠标经过时，更改元素的CSS接口就可以了