mnbn.net
当前位置:首页 >> 怎样用JQuEry实现当鼠标停留在某区域3秒后执行方法 >>

怎样用JQuEry实现当鼠标停留在某区域3秒后执行方法

onmouseenter事件记录时间 var timer = null; $('div').hover(function(){ timer = setTimeout(function(){ //做你想做的事 },3000);},function(){ //这里去clear clearTimeout(timer);//如果没停留3秒,直接会被clear掉,如果停留超过3秒,也一样...

假设这个区域:vartimer=setTimeout(function(){$("#div1").mouseover(function(){//执行方法});},3000);

假设这个区域: var timer = setTimeout(function(){ $("#div1").mouseover(function(){ //执行方法 }); }, 3000);

div上绑定一个hover事件,并开始计时。以jquery为例。 var tid = 0;$( "#div" ).hover( function() { tid = setTimeout( function() { //当触发hover就开始自动在1秒后执行相应代码 }, 1000 );}, function() { clearTimeout( tid );//当在1秒内...

$('选择器').hover( function(){ delay(2000); alert(1); }, function(){ } ); 不知这样是否能够执行,你试试看

.none {display:none;}.block {display:block;}.nav {width:200px; height:30px;}.nav a {padding:0 10px; display:inline-block; width:auto; height:30px; line-height:30px;}.nav a.cur {background:#ff0;} 问题分类 知道栏目 知道用户 问题...

先说不用js的方法 给div添加一个title属性即可(但是这样是没法操作到提示框的样式的 所以有js方法) js方法 下面给出一份演示 演示 .TitleDiv{width:300px;background-color: #dddddd;color: white;padding: 15px 0;}.TitleDivText{background-co...

$("div").mouseout(function(){ });

添加onmouseover 事件即鼠标移入对象时触发的时间js图片自动切换 用的是js的定时器方法吧添加onmouseover 事件方法中可以写一段脚本 终止定时器的作用。则可以停止切换onmouseout 在鼠标从元素上离开后会触发的事件 可以再写方法让定时器生效。...

//原理:在mouseover和mouseout分别设定一个时间(你的要求为1s),在各自状态下清除另一个状态设定的时间; this.imagePreview = function(){ var hoverTimer, outTimer; $("a.preview").hover(function(e){ clearTimeout(outTimer); hoverTime...

网站首页 | 网站地图
All rights reserved Powered by www.mnbn.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com