Question

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秒消失（直接消失，不要由大到小消失）。

Answer 1

看你要的效果是什么

延迟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就行了

Answer 2

fadeOut（“2000”）；

追问

大神，能给完整的吗？不会写这个！