hover對於我們太熟悉了,其早期只定義於文字超連結滑鼠移動上方樣式。
慢慢的ie7、ie8.0\、ie9.0等火狐、谷歌瀏覽器
面試,hover也漸漸被業界應用於更多領域。
比如:
css code
複製內容到剪貼簿
.mylcass
.myclss:hover
myclass當然可以定義其他樣式,比如寬度、高度、顏色,如果想得到更好的效果,可以融入css3
的新屬性。
hover這裡我們叫它動作,這種動作在所有網頁是最基本也是最多的滑鼠執行動作。如果不考慮ie6.0,我們完全可以捨棄js
,用它來實現各種效果。當然了,css3也是必不可少的。
下面做了倆個簡單的例子:
css2中的myclass:hover
css部分:
css code
複製內容到剪貼簿
.myclassname
.myclassname:hover
html部分:
xml/html code
複製內容到剪貼簿
<
divclass="myclassname"
>myclassname
div>
css3中的myclass:hover
這個例子我們要使用css3中transportation屬性,值錢沒有認識這個屬性的請移駕到此文章先了解下它的用法:css3動畫例項之transition
亦可以去本站製作的手冊去了解更詳細的用法
css code
複製內容到剪貼簿
.myclassname
.myclassname:hover
html部分:
xml/html code
複製內容到剪貼簿
<
divclass="myclassname"
>myclassname
div>
ps:如果需要滑鼠小手形狀,就加上這句**:cursor:pointer
本篇文章目的只是拋磚引玉,hover用法不僅僅侷限於此,發揮你的想象力、創造力,還可以做出更多的效果。
css中hover的妙用!!
css 中有個屬性為hover 當滑鼠放上的時候,將其啟用,可以實現類似於js的一些,譬如選單等功能 22.html檔案 dddddddddddddd terry 11.css檔案。div dd div dd hover 說明 a link 未訪問的鏈結 a visited 已訪問的鏈結 a hov...
css中hover的妙用!!
css 中有個屬性為hover 當滑鼠放上的時候,將其啟用,可以實現類似於js的一些,譬如選單等功能 22.html檔案 dddddddddddddd terry 11.css檔案。div dd div dd hover 說明 a link 未訪問的鏈結 a visited 已訪問的鏈結 a hov...
CSS中hover的使用細節
元素新增hover偽類選擇器時候一定要緊貼hover,不能有空格,有空格的話表示給該元素的所有子元素設定裡hover樣式 錯誤例子 ul hover ul的所有子元素設定了hover樣式正確例子 ul hover ul會顯示出想要的效果想要在父元素新增hover,在指定的子元素實現效果 子元素應該寫...