マウスが通るときにDIVの背景色を変える3つの方法

947 ワード

方法1
#div:hover{background:#000000;}  

マウスがidがdivの元素を通る時DIV背景は変色します
IE6.0、Firefox2.0、Opera9.23だめだ
方法2
<divonmouseoverdivonmouseover="this.style.backgroundColor='#F4F9FD'" 
 
onmouseout="this.style.backgroundColor='#FFFFFF'"></div> 

方法3:
<style> 
.d_over{background-color:#307172;}  
.d_out{background-color:#EFEFEF;}  
</style> 
<divclassdivclass="d_out"onmouseover="this.className='d_over'"  
onmouseout="this.className='d_out'">DIV    </div> 

虽然可以拉贝尔,但如果这样的话,其他附有的橄榄球的东西也变色啦。一般的に是因为定义链接的风格而被使用,不是定义领域的。现在经常使用的DIV+CSS的页面用,DIV是表示区域的意思,还是喜欢这样的,当然使用table的话,有更简单的方法.【编辑推奖】DIV背景透明模特使用JavaScript动的div项目和模特制作CSS的border和clear的2大属性的用法明确了秘密的DIV中央配置的3种方法DIV CSS的网页中解读了CSS无效的10原因。