我有這個jQuery代碼的一個問題:JQuery的懸停環
$(".item").mouseenter(function(){
$(this).addClass("active");
$(this).removeClass("item");
$(".item").hide(700);
}).mouseleave(function(){
$(this).stop();
$(this).addClass("item");
$(this).removeClass("active");
$(".item").show(700);
});
,這是我的HTML:
<ul>
<li class="item">Item</li>
<li class="item">Item</li>
<li class="item">Item</li>
<li class="item">Item</li>
<li class="item">Item</li>
</ul>
我想,當我做一個項目懸停,其他項目是隱藏,代碼工作正常,但問題是,如果我在隱藏持續時間(700毫秒)懸停另一個項目,它會使隱藏/顯示項目循環。我能做些什麼來防止這種情況發生。
注:我想懸停項目開始到離開,不保持固定。
壞UI的概念僅僅是因爲你無法避免另一徘徊,由於浮動。當他們動畫時,他們轉移職位。爲您設置動畫不透明效果嗎? – charlietfl