jquery下拉菜单求助

高分请分析下，jquery下拉菜单求助？

这是百度贴吧上方的下拉菜单其中.u_menu_setting 是触发鼠标的
.u_ddl是下拉列表
$(document).ready(function(){
$(".u_menu_setting").mouseover(function(){
$(".u_ddl").show();
});
$(".u_ddl").mouseout(function(){
$(".u_ddl").hide();
});
}); 这是我的代码请问错在那里

现在鼠标移到.u_menu_setting和移除操作都没有错但是移到.u_ddl列表上时只能停留一瞬间就没了

那是因为你离开的时候就马上调用了$(".u_ddl").hide();当然会马上消失了，开个定时器让他延时消失就可以了

$(document).ready(function(){
var timer=null;//定义一个定时器变量
$(".u_menu_setting").mouseover(function(){
clearTimeout(timer);
$(".u_ddl").show();
});
$(".u_menu_setting").mouseout(function(){
timer=setTimeout(function(){
$(".u_ddl").hide();
},300);
});
$$(".u_ddl").mouseout(function(){
timer=setTimeout(function(){
$(".u_ddl").hide();
},300);
});

$(".u_ddl").mouseover(function(){
clearTimeout(timer);
$(".u_ddl").show();
});
});

热门标签

jquery下拉菜单求助

您可能感兴趣问答

Collapsible

热门标签

热点问答