首页 >web前端 >html教程 >分享关于hover的一些用法

分享关于hover的一些用法

巴扎黑
巴扎黑原创
2017-06-09 13:40:067526浏览

: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):鼠标移到元素上触发的函数


以上是分享关于hover的一些用法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn