Rumah > hujung hadapan web > html tutorial > 分享关于hover的一些用法

分享关于hover的一些用法

巴扎黑
Lepaskan: 2017-06-09 13:40:06
asal
7523 orang telah melayarinya

:hover 选择器用于选择鼠标指针浮动在上面的元素。:hover 选择器可用于所有元素,不只是链接。在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。下面我们就总结下有关:hover的用法:

1.使用CSS3制作hover下划线动画方法

本文主要介绍了CSS3制作hover下划线动画的方法步骤。具有很好的参考价值。下面跟着小编一起来看下吧

afcf99bcf41b8edeaca5bd0822b0ea00.jpg

2.关于hover div的详细介绍

3.CSS3在hover下的效果

CSS3在hover下的几种效果代码分享,CSS3在鼠标经过时的几种效果集锦

360°旋转 修改rotate(旋转度数)

3a9fda51b07fdf08a3862ef39a915d0c.jpg

4.hover伪类选择定义和用法

设置元素在其鼠标悬停时的样式。
E元素可以通过其他选择器进行选择,比如使用类选择符、id选择符、类型选择符等等。
特别说明:IE6并非不支持此选择符,但能够支持a元素的:hover ,也就是只支持通过类型选择符选择的a元素的:hover 。

de6a38b3c0a3878592f27b8a2aafc628.jpgde6a38b3c0a3878592f27b8a2aafc628.jpg

5.浅谈jQuery hover(over, out)事件函数

hover(over, out)事件函数

当鼠标移动一个匹配的元素上面,会触发指定的第一个函数

当鼠标移出这个元素时,会触发指定的第二个函数

over(function):鼠标移到元素上触发的函数


Atas ialah kandungan terperinci 分享关于hover的一些用法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan