如何在不將鼠標懸停在fadeIn元素上時保持元素可見？

我有一個圖像元素，看起來像是父母div內部的圖像元素，當它實際位於其下方/外部時。當光標懸停在圖像元素上時，我正在使用JQuery來訪問fadeIn，而當光標移開時，則會淡出圖像元素。但是，當我試圖將鼠標懸停在現在可見的圖像元素上時，它會消失。在父div內移動圖像元素目前不是一個選項。如何在不將鼠標懸停在fadeIn元素上時保持元素可見？

Heres the JSFiddle演示該問題

我怎樣才能防止它褪色時，我將光標定位在圖像元素變爲可見時？

來源

2014-02-19 crm

爲什麼你不能移動div內的圖像？你可以做這樣的事情[http://jsfiddle.net/ST7jp/1/](http://jsfiddle.net/ST7jp/1/） –

添加鏈接到.hover()選擇：

$('.container, .link').hover(...);

之後，你需要使用.stop()防止排隊：

$('.container, .link').hover(function(){ 
    $('.link').stop().fadeIn(); 
}, function(){ 
    $('.link').stop().fadeOut(); 
});

那麼你就必須快時錯誤 - 因爲fadeIn()只能處理div因爲元素被隱藏所以使用fadeTo：

$('.container, .link').hover(function(){ 
    $('.link').stop().fadeTo('slow', 1); 
}, function(){ 
    $('.link').stop().fadeTo('slow', 0); 
});

http://jsfiddle.net/ST7jp/4/

來源

2014-02-19 16:55:48

如何在不將鼠標懸停在fadeIn元素上時保持元素可見？

回答

相關問題