登录  /  注册
首页 >web前端 >html教程 > 正文

分享关于hover的一些用法

原创2017-06-09 13:40:066394

: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核实处理。

  • 相关标签:hover,用法
  • 相关文章

    相关视频


    视频教程分类

    专题推荐