的mouseenter /鼠標離開結合適當避免閃爍框

我在靠近好幾箱，其表現出不同的框，當所有的條子都上空盤旋，這裏是一個代碼段（不完整的，所以沒有小提琴）：的mouseenter /鼠標離開結合適當避免閃爍框

<div id="big_square_1" class="big_square" style="display:none;"></div> 
<div id="big_square_2" class="big_square" style="display:none;"></div> 
<div id="big_square_3" class="big_square" style="display:none;"></div> 
<div id="big_square_4" class="big_square" style="display:none;"></div>

和jQuery的：

$("#big_square_1").mouseenter(function() { 
     $('#big_square_1').css("border", "1px solid #191919").css("height", "98px").css("width","98px"); 
     $('#hover_Box').fadeIn('fast'); 
    }); 
    $("#big_square_1").mouseleave(function() { 
     $('#big_square_1').css("border", "inherit").css("height", "100px").css("width", "100px"); 
     $('#hover_Box').fadeOut('fast'); 
    }); 
    $("#big_square_2").mouseenter(function() { 
     $('#big_square_2').css("border", "1px solid #191919").css("height", "98px").css("width","98px"); 
     $('#hover_Box').fadeIn('fast'); 
     $('#side_box_1').append('<br><br><br><p>This is ARC</p>'); 
    }); 
    $("#big_square_2").mouseleave(function() { 
     $('#big_square_2').css("border", "inherit").css("height", "100px").css("width", "100px"); 
     $('#hover_Box').fadeOut('fast'); 
    });

我已分別配置了這些事件，讓我可以用html的內容添加到箱子以後。然而，現在，當這些盒子快速翻轉時，「快速」速度不夠快，而它們漸漸消失的盒子最終閃爍。我如何修改我的鼠標/鼠標葉片以防止此眨眼？（我是.stop/.bind新手）。另外，我知道我可以使用簡寫多個CSS更改，我只是喜歡這樣做，直到我解決了懸停問題。

來源

2013-02-20 Deprecated

您是否真的在代碼中使用'.stop（）'？這似乎解決了你的問題。 – j08691 2013-02-20 16:55:54

不，我沒有，因爲我不知道該把它放在哪裏： $（'＃hover_Box'）。fadeOut（'fast'）。stop（）或者整個函數？ – Deprecated 2013-02-20 17:02:38

嘗試在fadeIn和fadeOut之前放置'.stop（true，true）'。 – j08691 2013-02-20 17:05:37

嘗試在淡入和淡出之前放置.stop(true,true)。

來源

2013-02-20 17:14:56 j08691

的mouseenter /鼠標離開結合適當避免閃爍框

回答

相關問題