js如何让鼠标触发时直接显示,鼠标离开后,延迟2秒消失(直接消失,不要由大到小消失)。可以,立即采用

$(function(){
$('#webmenu li').hover(function(){
$(this).children('ul').stop(true,true).show('slow');
},function(){
$(this).children('ul').stop(true,true).hide('slow');
});

如何让鼠标触发时,直接显示(之前是从小大小进行展示),鼠标离开后,延迟2秒消失(直接消失,不要由大到小消失)。

看你要的效果是什么

延迟2s消失的话加个定时器

$(function(){
$('#webmenu li').hover(function(){
$(this).children('ul').stop(true,true).show('slow');
},function(){
        var self = this;
        setTimeout(function() {
            $(self).children('ul').stop(true,true).hide('slow');
        }, 2000);
});

要是鼠标离开到消失是2s

$(function(){
$('#webmenu li').hover(function(){
$(this).children('ul').stop(true,true).show('slow');
},function(){
        $(this).children('ul').stop(true,true).hide(2000);
});

追问

现在是消失,我清楚时间定义成2000,但是页面消失的方式是从整个显示逐渐缩小到隐藏。大神,能不能直接做成延迟两秒,直接消失,没有页面缩小这个过程!

追答

setTimeout 的那个,直接hide就行了

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-05-11
fadeOut(“2000”);追问

大神,能给完整的吗?不会写这个!

如何实现 js中tips 鼠标碰触时不消失,离开时消失
延迟2s消失的话加个定时器 (function(){ ('#webmenu li').hover(function(){ (this).children('ul').stop(true,true).show('slow');},function(){ var self = this;setTimeout(function() { (self).children('ul').stop(true,true).hide('slow');}, 2000);});要是鼠标离开到消...

用js实现点击按钮 显示div 然后两秒后消失 但是只能执行一次 怎么才能...
<!DOCTYPE html>这是隐藏内容点击显示$('#but').click(function(){$("#aaa").css('display','block');setTimeout(function(){$("#aaa").css('display','none');},2000);})

JS网站导航下拉菜单如何延迟消失1-2秒
function(data) { \/\/ 提示信息 ("#operate_msg").text(data.message);("#operate_result_info").show();\/\/ 等待2S,关闭提示信息 setTimeout(function(){ ("#operate_result_info").hide();}, 2000);} 不明白先采纳再追问

js怎样让鼠标从li1移到li2上时不让li2消失呢?
如果是鼠标移出不让li2消失:oLi1.onmouseout=function(){ \/\/这是鼠标移出事件 clearInterval(t); t=setInterval(function(){ oLi2.style.display="block" },500) }如果是鼠标移出隔一段时间li2再消失:oLi1.onmouseout = function() { clearInterval(t); t = setTimeout(...

JS菜单延迟消失(同等级鼠标移动,立即消失,进入下一集子菜单,鼠标移开延...
可以直接吧延迟的参数写在hide里面啊 hide(slow)或者hide(1000)settimeout是延迟1秒钟再去执行动画,所以你移出当前移入其他的时候stop这个还是要等1秒钟才执行的 非要用settimeout 那就要用一个变量 var timer = settime。。。然后第一个function里面,要clearTimeout(timer)

DW鼠标触摸就会显示出下拉菜单,离开的时候要几秒下拉菜单才会消失...怎...
setTimeout(function(){tabb(i)},2*1000)\/\/时间控制 } function tab(i){ document.getElementById("con"+i).style.display='block';} function tabb(i){ document.getElementById("con"+i).style.display='none';} 内容一 列表一 列表一 列表一 ...

用js控制div跟随鼠标移动,鼠标点击后,鼠标离开,div留在当前点击的位置怎...
clientY - y + "px";} } } document.onmouseup = new Function("drag_=false");} } 如果需要以后都留在此位置,需把当前位置的坐标保存到数据库,下次打开时读取数据加载div

鼠标放在超链接上, 显示DIV。 移开后隐藏DIV。
1、首先我们在html里定义一个div,id为‘mouse_div’,然后定义该div的样式,主要是定义position,让其绝对定位。2、然后通过JS脚本来做随鼠标移动的效果。先引入jquery脚本,因为用到jquery操作dom。3、最后添加代码,在页面加载完后,给页面添加鼠标mousemove事件,在事件函数里,调用 moving方法,就实现...

js鼠标移动到某元素显示div的问题!
代码直接贴上来不能正常显示,看附件。方法A:把浮动div和触发元素a放于同一个父级元素内,鼠标经过父级元素时触发显示。这样鼠标移动到div时仍然处于该父级元素内,则div不会隐藏。方法B:鼠标经过a时弹出div,鼠标离开a时设置一个计时器用来关闭div,如果鼠标移动到div后则清除计时器。

JS网站导航下拉菜单如何延迟消失1-2秒
var st;\/*商品的分类选择列表显示隐藏事件*\/ function classifyChooseEvent(){ ("#classifyArea").hover(function(){ clearTimeout(st);t = setInterval(function(){ ("#classifyListArea").slideDown()},200);},function(){ clearInterval(t);st = setTimeout(function(){ ("#classifyList...

相似回答