鼠标滑过时变换背景色的方法（div+css）

实现鼠标经过背景变色的方法有很多，今天我们介绍的是用CSS+DIV实现的方法。

方法一:

#div:hover{background:#000000;}

例如：

#item:hover {background-color:#000000;}  item为div的id

解释:鼠标经过id为div的元素时背景变色

IE6.0、Firefox2.0、Opera 9.23都不行

方法二:

<div οnmοuseοver="this.style.backgroundColor='#F4F9FD'" οnmοuseοut="this.style.backgroundColor='#FFFFFF'"></div>

方法三:

<style>
.d_over{background-color:#307172;}
.d_out{background-color:#EFEFEF;}
</style>

<div class="d_out" οnmοuseοver="this.className='d_over'" οnmοuseοut="this.className='d_out'">哈哈哈哈哈</div>

方法一和方法二亲自验证通过，方法三没有验证通过，在此先记录下来，也供他人参考。