Jquery淡入淡出問題

我在下面顯示一些代碼，顯示我的JQUERY & HTML。基本上我試圖在光標離開圖像時在懸停和淡出（FADE OUT）上獲取圖像。Jquery淡入淡出問題

問題是我想要將FADING IN的圖像放在原始圖像的頂部。一旦新圖像FADES IN立即返回到原始狀態，因爲光標不再位於執行FADE動畫的圖像上。

我想知道的任何信息什麼那麼:)

謝謝:)

JQUERY：

$(document).ready(function() { 
$("div.hover").hover(

function() { 
    $("div.fade").fadeIn('slow'); 
}, function() { 
    $("div.fade").fadeOut('slow'); 
}); 
});

HTML：

<div class="hover"><img src="#"/></div> 
<div class="fade"><img src="#"/> </div>

來源

2012-03-07 user1248192

請隨時讓我知道，如果我已經解釋了這一切的方式可以改變，以提高我的答案 – user1248192 2012-03-07 17:21:22

用戶的:)結果，你可以創建一個HTTP：//的jsfiddle .net /來說明問題？ – 2012-03-07 17:24:47

@Interstellar_Coder我創建了一個雖然我不是操作http://jsfiddle.net/bQrFb/ – 2012-03-07 17:30:12

如果你把懸停類上一個包含圖像和懸停圖像的元素，它仍將被歸類爲「懸停」赫弗圖像鼠標懸停：

<div class="hover"> 
    <div><img src="#"/></div> 
    <div class="fade"><img src="#"/> </div> 
</div>

來源

2012-03-07 17:23:30 Fenton

有時候，額外的標記是值得的。這是其中的一次。沒有理由這樣做！淡入淡出的代碼可以進一步優化，但最終我的優化會產生與Sohnee的建議和原始結果相同的淨結果...所以看起來很愚蠢。 ;-) – 2012-03-07 17:26:17

Jquery淡入淡出問題

回答

相關問題