一般使用设置延迟处理,然后在显示子菜单也加上hover事件:
<script language="javascript">
$(function(){
$(".subnav").hide();
var _timeout;
$('.v-show').hover(function(){
clearTimeout(_timeout);
$('.subnav').show();
},function(){
_timeout=setTimeout(function(){
$('.subnav').hide();
},500)
});
//内容也做hover事件
$(".item").hover(function(){
clearTimeout(_timeout);
$('.subnav').show();
},function(){
_timeout=setTimeout(function(){
$('.subnav').hide();
},500)
});
});
</script>