0
我正在使用jQuery圖像滑塊插件 - 軌道。我試圖在mouseover/mouseout上顯示/隱藏導航按鈕。不知何故,我設法這樣做:http://jsfiddle.net/sherlock85/mZYX9/15/但是,當您將鼠標光標移到導航按鈕上時,它會閃爍,並且不會更改幻燈片。軌道ZURB jquery淡入/淡出鼠標懸停導航按鈕
我將不勝感激任何幫助。
我正在使用jQuery圖像滑塊插件 - 軌道。我試圖在mouseover/mouseout上顯示/隱藏導航按鈕。不知何故,我設法這樣做:http://jsfiddle.net/sherlock85/mZYX9/15/但是,當您將鼠標光標移到導航按鈕上時,它會閃爍,並且不會更改幻燈片。軌道ZURB jquery淡入/淡出鼠標懸停導航按鈕
我將不勝感激任何幫助。
使用以下代碼。你必須添加div.slider-nav
爲hover
:
$("#featured, div.slider-nav").hover(function(){
$("div.slider-nav").css({display:'block'});
}, function() {
$("div.slider-nav").css({display:'none'});
});
的.slider-nav
層位於在#featured
層。當鼠標進入.slider-nav
時,您將失去焦點到#featured
並且它的屬性display:none
。之後,焦點再次在#featured
之後,並且該屬性設置爲display:block
。它看起來像快速閃爍,因爲每次移動鼠標時都會重複此操作。
您可以在代碼前添加'$(「div.slider-nav」).css({display:「none」});'在頁面加載時刪除導航按鈕。 – mixable