求助js代码

Question

就是这种效果代码，鼠标划过会变色的。

Answer 1

原理很简单
给这个组件添加onmouseover事件和onmouseout事件，当鼠标放上去的时候触发onmouseover事件，用
document.getElementById("x").ClassName="classA" 将这个组件的class样式改为classA,classA主要是将其背景颜色改变；当鼠标离去的时候触发onmouseout事件，将classA去掉恢复以前的样式即可。

Answer 2

onmouseover="style.color='blue'" onmouseout="style.color='black'"

Answer 3

就是两张图片，来回切换。这行代码就能搞定<img src="url" onmouseover="this.src='url;" onmouseout="this.src='url';" width="21" height="21" border="0"  />

Answer 4

用这种方法就可以实现
onmouseover="style.color='blue'" onmouseout="style.color='black'"
当然用两张图片来回切换也是可以的。。

Answer 5

onmouseover="style.color='blue'" onmouseout="style.color=''"

Answer 6

3L正解，可以自己试一下用那两个事件配合javaScript实现！

Answer 7

<style type="text/css">
.box1 {
event: expression(onmouseover =   function() { this . style .
backgroundColor =   'blue';
},
onmouseout  = function (){this .style.backgroundColor = 'red';

}
)
}
</style>，，，定义每一行的class为box1，是不是我的方法最好，分全部给我吧，哈哈哈！

Answer 8

<ul>
  <li onmouseover="javascript:this.style.backgroundColor='blue';" onmouseout="javascript:this.style.backgroundColor='black';">投资环境</li>
  <li onmouseover="javascript:this.style.backgroundColor='blue';" onmouseout="javascript:this.style.backgroundColor='black';">项目推荐</li>
  <li onmouseover="javascript:this.style.backgroundColor='blue';" onmouseout="javascript:this.style.backgroundColor='black';">优惠政策</li>
</ul>

Answer 9

组件添加onmouseover事件和onmouseout事件，当鼠标放上去的时候触发onmouseover事件，用
document.getElementById("x").ClassName="classA" 将这个组件的class样式改为classA,classA主要是将其背景颜色改变；当鼠标离去的时候触发onmouseout事件，将classA去掉恢复以前的样式即可。