首頁 > web前端 > html教學 > DIV+CSS鼠标经过背景变色方法大全_html/css_WEB-ITnose

DIV+CSS鼠标经过背景变色方法大全_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:30:11
原創
1904 人瀏覽過

实现鼠标经过背景变色的方法有很多,今天我们介绍的是用CSS+DIV实现的方法。
方法一
以下为引用的内容:
#div:hover{background:#000000;} 

解释:鼠标经过id为div的元素时背景变色
    IE6.0、Firefox2.0、Opera 9.23都不行
方法二
以下为引用的内容:

onmouseout="this.style.backgroundColor='#FFFFFF'">
 

方法三:
以下为引用的内容:

onmouseout="this.className='d_out'">哈哈哈哈哈
 

的标签是可以,可是,这样子会导致其它带有标签的也跟着变色。
一般
是用来定义链接的样式的,并不是定义某个区域的。现在常用的div+css的网页用,div就是表示区域的意思,还是喜欢用这种,当然用table的话,会有更简单的方法。

其实现在用的较多的是用标签实现的。
以下为引用的内容:
 

这样只要是代连接的都会变哦,你可以在某区域用,则某区域里面的所有来连接的都会鼠标经过变色。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板