js判断鼠标同时离开两个div的思路及代码_javascript技巧



纠结了两天，憋出了个蛋，欢迎拍砖！！！
代码如下:








jQuery(function(){
window.a=0; window.b=1 ; //同为1隐藏弹层
$('ul').delegate('.grid','mouseover',function(){ // 鼠标放在头像上
if($('.f')){
$('ul').append('')
$('.f').css({top:$(this).offset().top})
}
window.a=0;
$('.f').show();
})

$('ul').delegate('.f','mouseover',function(){// 鼠标在弹层上
window.b=0;
});
$('ul').delegate('.grid','mouseout',function(){// 鼠标离开头像
window.a=1;
})
$('ul').delegate('.f','mouseout',function(){// 离开弹层
window.b=1;
});

setInterval(function(){//console.log(window.a +" "+ window.b +" "+ window.c);
if(window.a&&window.b){
$('.f').hide();
}
},100)
})