首頁  >  文章  >  web前端  >  js判斷滑鼠同時離開兩個div的思路及程式碼_javascript技巧

js判斷滑鼠同時離開兩個div的思路及程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 17:33:081359瀏覽

糾結了兩天,憋出了個蛋,歡迎拍磚! ! !

複製程式碼 代碼如下:

-/html/PUBL "IC DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



無標題文件 <br><style type="text/css"> <BR>ul{margin:0;padding:0} <BR>li{position:relative;margin:0;padding:0;;} <BR>.grid{background:#ccc;width:100px;height:100px;;} <BR>.f{background:#333;width:200px;height:200px;position:absolute;top:0;left:100px; display:none} <BR></style> <br><script type="text/javascript" src="http://mat1.gtimg.com/www/js/tcomment/jquery-1.6.2.min.%20js"></script> <br><script type="text/javascript"> <BR>jQuery(function(){ <BR>window.a=0; window.b=1 ; //同為1隱藏彈層<BR>$('ul').delegate('.grid','mouseover',function(){ // 滑鼠放在頭像上<BR>if($('.f')){ <BR>$('ul').append('<div class="f"></script>
')
$('.f').css({top:$(this).offset().頂部})
}
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)
} )





  • li>






  • div>






陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:js控制的遮罩層實例介紹_javascript技巧下一篇:js控制的遮罩層實例介紹_javascript技巧

相關文章

看更多