js延时菜单

// .open 是出发按钮
// .box 是弹出的菜单
 
// 鼠标经过的按钮
$(".open").hover(function() {
    $(".box").stop(true, true).slideDown(300);
    $(this).addClass('on')
},function(){
    t = setTimeout(function(){
        $(".box").stop(true, true).slideUp(300);
        $(this).removeClass('on')
    },500)
});
 
// 鼠标经过菜单
$('.box').hover(function(){
    clearTimeout(t);
},function(){
    $(".box").stop(true, true).slideUp(300);
    $(".open").removeClass('on');
})