jQuery hover事件

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

　　当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。参数 : over (Function) : 鼠标移到元素上要触发的函数 out (Function): 鼠标移出元素要触发的函数

示例 : 鼠标悬停的表格加上特定的类

jQuery 代码:

$("td").hover(

function () {

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

function () {

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

}

);

转载于:https://www.cnblogs.com/originate918/p/6179615.html

jQuery hover事件相关推荐

jQuery hover事件鼠标滑过图片半透明标题文字滑动显示隐藏
1.效果及功能说明 hover事件制作产品图片鼠标滑过图片半透明,标题文字从左到右滑动动画移动显示隐藏 2.实现原理首先把效果都隐藏,然后定义一个伪类来触发所有的效果,接下来当触发伪类后会有一个遍历 ...
jquery hover()事件函数
hover(over, out)事件函数当鼠标移动一个匹配的元素上面,会触发指定的第一个函数当鼠标移出这个元素时,会触发指定的第二个函数 over(function):鼠标移到元素上触发的函数 o ...
jquery hover事件中 fadeIn和fadeOut 效果不能及时停止
$(".nav ul li").hover(function () {var id = $(this).attr("id");$(".nav dl&q ...
鼠标悬浮事件 -jQuery hover（）方法
body内容 <div class="title-01"><span class="name">机构账户统计</span>& ...
jQuery 自定义事件的学习笔记
jquery中提供了两种方法可以绑定自定义事件: bind()和one() 而绑定的自定义事件的触发,必须得用jquery中的 trigger()方法才能触发. 我们先来看on事件代码如下复制代 ...
使用jQuery的hover事件在IE中不停闪动的解决方法
在使用jQuery的hover事件时,经常会因为鼠标滑动过快导致菜单不停闪动的情况,相信很多朋友都遇到过自己做的纵向下拉菜单不停的收缩,非常的讨厌.今天在给一个网站设计菜单时也遇到了这个情况,结果在百 ...
html鼠标经过盒子延时显示,jQuery 鼠标经过(hover)事件的延时处理示例
一.关于鼠标hover事件及延时鼠标经过事件为web页面上非常常见的事件之一.简单的hover可以用CSS :hover伪类实现,复杂点的用js. 一般情况下,我们是不对鼠标hover事件进行延时处 ...
鼠标悬浮事件 -jQuery hover（）方法（layer.js）（layer.tips）
鼠标悬浮事件 -jQuery hover()方法代码: <!DOCTYPE html> <html lang="en"> <head><m ...
Jquery的hover事件
Jquery的hover事件:鼠标移入移出事件的结合跟这以下几个步骤了解jquery的hover事件: 先创建一个div用来绑定事件 <div id="box">he ...

jQuery hover事件

jQuery hover事件相关推荐

最新文章

热门文章