jQuery：懸停在動畫

首先，我的jQuery（或Javascript期間）不好。jQuery：懸停在動畫

我想使用jQuery動畫功能將圖像懸停在新圖像上時將圖像轉換爲新圖像。

這裏是我的工作（圖像翻轉到文本）：http://jsfiddle.net/Draven/NJCUn/5/

這裏就是我希望將工作（具有圖像替換文本）：http://jsfiddle.net/Draven/U7m25/4/

我相信這個問題是因爲腳本正在尋找<li>中的所有img標籤。有沒有辦法讓我選擇第一個img標籤？

來源

2012-09-13 Draven

[jQuery的：第一選擇器（http://api.jquery.com/first-selector/）。但是最好通過#id選擇器給你的項目顯式ID和引用。 – Sepster

我假設我正確使用它，但它不起作用。 http://jsfiddle.net/Draven/yDtkZ/8/ – Draven

不，你想把它應用到你的img標籤。 – Sepster

工作示例：

$('ul.hover_block li').hover(function() { 
    $(this).find('img').eq(1).animate({ 
     top: '425px' 
    }, { 
     queue: false, 
     duration: 500 
    }); 
}, function() { 
    $(this).find('img').eq(1).animate({ 
     top: '0px' 
    }, { 
     queue: false, 
     duration: 500 
    }); 
});

http://jsfiddle.net/yDtkZ/20/

來源

2012-09-13 15:41:17 vonflow

非常好。但圖像是相反的。這是爲什麼？ – Draven

只要逆轉HTML中的圖像順序，它就可以正常工作。第二張圖片在第一張圖片的右上方，因爲它們都是絕對定位的。 – vonflow

是的，我知道要切換'img'命令。我只是想知道爲什麼它會這樣做。謝謝！ – Draven

jQuery：懸停在動畫

回答

相關問題