首頁  >  文章  >  web前端  >  分享關於hover的一些用法

分享關於hover的一些用法

巴扎黑
巴扎黑原創
2017-06-09 13:40:067504瀏覽

:hover 選擇器用於選擇滑鼠指標浮動在上面的元素。 :hover 選擇器可用於所有元素,不只是連結。在 CSS 定義中,:hover 必須位於 :link 和 :visited 之後(如果存在的話),這樣樣式才能生效。以下我們就總結下有關:hover的用法:

1.使用CSS3製作hover下劃線動畫方法

本文主要介紹了CSS3製作hover下劃線動畫的方法步驟。具有很好的參考價值。下面跟著小編一起來看下吧

分享關於hover的一些用法

2.關於hover div的詳細介紹

3.CSS3在hover下的效果

CSS3在hover下的幾種效果代碼分享,CSS3在滑鼠經過時的幾種效果集錦

360°旋轉修改rotate(旋轉度數)

分享關於hover的一些用法

4.hover偽類別選擇定義和用法

設定元素在其滑鼠懸停時的樣式。
E元素可以透過其他選擇器進行選擇,例如使用類別選擇符、id選擇符、類型選擇符等等。
特別說明:IE6並非不支援此選擇符,但能夠支援a元素的:hover ,也就是只支援透過型別選擇符選擇的a元素的:hover 。

分享關於hover的一些用法分享關於hover的一些用法

5.淺聊jQuery hover(over, out)事件函數

hover(over, out)事件函數

當滑鼠移動一個符合的元素上面,會觸發指定的第一個函數

當滑鼠移出這個元素時,會觸發指定的第二個函數

over(function):滑鼠移到元素上觸發的函數


以上是分享關於hover的一些用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn