div綁定鼠標離開事件，隱藏div，但是我快速離開時，div不會隱藏
<div class="left">
? ? <div id="a1-1">第一個DIV</div>
<div id="a1">第一個DIV</div>
<div id="a2-2">第二個DIV</div>
<div id="a2">第二個DIV</div>
<div id="a3-3">第三個DIV</div>
<div id="a3">第三個DIV</div>
<div id="a4-4">第四個DIV</div>
<div id="a4">第思個DIV</div>
<div id="a5-5">第五個DIV</div>
<div id="a5">第五個DIV</div>
? ?<script type="text/javascript">
? ?$("#a1-1,#a2-2,#a3-3,#a4-4,#a5-5").mouseover(function() {
? ? ? ?$(this).hide(1000);
? ? ? ?$(this).next().show(1000);
? ?});
? ?$("#a1,#a2,#a3,#a4,#a5").mouseout(function() {
? ? ? ?$(this).hide(1000);
? ? ? ?$(this).prev().show(1000);
? ?});
? ?</script>
</div>
2017-01-12
我不知道你想表達什么。你的代碼，我們分析一下，初始是全部都顯示的。
當鼠標移入#a1-1,#a2-2,#a3-3,#a4-4,#a5-5 id為這些的時候，這些div隱藏。時間為1s。然后#a1-1,#a2-2,#a3-3,#a4-4,#a5-5這些div的下面的兄弟開始顯示，時間為一秒，（這時候下面的#a1,#a2,#a3,#a4,#a5" 也就是這些已經(jīng)是顯示的，所以沒效果。）當你鼠標移出（#a1,#a2,#a3,#a4,#a5"），這些的時候，你設(shè)置的是隱藏，時間為1s，但是你的下一句$(this).prev().show(1000); 這個，又將上面的（#a1-1,#a2-2,#a3-3,#a4-4,#a5-5）這些給顯示出來。所以你鼠標移入移出的時候，活循環(huán)調(diào)用（#a1-1,#a2-2,#a3-3,#a4-4,#a5-5），這些和（#a1,#a2,#a3,#a4,#a5）這些的顯示隱藏啊，效果就看像兩個div來回切換的樣子啊。我覺得是你寫的代碼有問題，你自己在好好尋思尋思。