php中hover,CSS中的onmouseover和hover有什么区别？

hover包括了鼠标移到对象上，同时鼠标再移出对象的过程，相应的子类也被选中。

mouseover是鼠标经过对象时，不包含他的子类同时被选中。

主要区别在于 hover元素的子类上也有添加了事件驱动。而mouseover 只对当前元素添加事件驱动。

且 hover 事件包含mouseover 事件

mousemove(fn);

在每一个匹配元素的mousemove事件中绑定一个处理函数。

hover(over, out);

一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。

当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测(对子类的检测)，如果是，则会继续保持“悬停”状态，而不触发移出事件(mouseout)。

$("td").hover( function () {

$(this).addClass("hover");

}, function () {

$(this).removeClass("hover");

});

在jquery源码中有这么一段：

hover: function( fnOver, fnOut ) {

return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );

}

也就是说 hover！= mouseover+mouseout。但hover=mouseenter + mouseleave。

从前只知道像 hover、link、visited 和 active 这样的伪类只能应用到 a 标签，即要写成 a:hover、a:link、a:visited、a:active。其实这四个玩意是可以应用到其他的 html 标签、指定给其他定义的 class 上。

有关于 CSS 伪类可参考：http://www.w3school.com.cn/css/css_pseudo_classes.asp

a:link {color: #FF0000} /* 未访问的链接 */

a:visited {color: #00FF00} /* 已访问的链接 */

a:hover {color: #FF00FF} /* 鼠标移动到链接上 */

a:active {color: #0000FF} /* 选定的链接 */

php中hover,CSS中的onmouseover和hover有什么区别？相关推荐

webpack中，css中打包背景图，路径报错
css-loader: //打包样式中背景图 {test: /\.(png|jpg)$/,loader: "url-loader?limit=8192&name=images/[ha ...
html标签中before,css中before是什么意思？
css中before是什么意思?before是CSS中的一个伪元素选择器.下面本篇文章就来给大家介绍一下:before选择器,希望对大家有所帮助. :before选择器在被选元素的内容前面插入内容,需 ...
css中outline,css中outline的解析（附示例）
本篇文章给大家带来的内容是关于css中outline的解析(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在css改变单选框颜色的方法实现中我们要模拟原生单选框通过Tab键 ...
css中list_position,css中list-style-position属性的使用方法
css中list-style-position属性的使用方法发布时间:2020-09-24 11:07:10 来源:亿速云阅读:68 作者:小新这篇文章给大家分享的是有关css中list-sty ...
php中padding,css中padding填充详解
语法: padding:[ | ]{1,4} 默认值:看每个独立属性适用于:所有元素,除 table-row-group | table-header-group | table-footer-gr ...
CSS中meta标签的viewport
<meta name="viewport" content="width=device-width,initial-scale=1.0"> cont ...
css中的单位换算_CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport
1.PX(CSS pixels) 1.1 定义虚拟像素,可以理解为"直觉"像素,CSS和JS使用的抽象单位,浏览器内的一切长度都是以CSS像素为单位的,CSS像素的单位是px. ...
html5 css3鼠标滑过效果,Hover.css纯CSS3鼠标滑过特效动画库
Hover.css是一款非常简单实用的纯CSS3鼠标滑过特效动画库.有100多种效果可以选择,包括:2D动画.背景动画.边框动画.图标动画.发光渐变.阴影.对话框.折角等100多种特效. 使用方法首 ...
html中hover的写法,在行内css中书写伪选择器:hover
我们知道直接写style可以把css属性直接作用到一个元素上,但是如果这个元素有:hover怎么办呢?还是只能写style吗?查看CSS的标准,你会发现这么一段描述: Setting properti ...
鼠标的移入、移出事件与css中的hover伪类
开发工具与关键技术:html+css+js 作者: 李伙撰写时间: 2019年1月19日鼠标的移入.移出事件是一个模仿悬停事件(鼠标移入到一个对象上以及移出这个对象)的方法,当鼠标移动到一个匹配的 ...

php中hover,CSS中的onmouseover和hover有什么区别？

php中hover,CSS中的onmouseover和hover有什么区别？相关推荐

最新文章

热门文章