jQuery圖像懸停問題

我在jQuery中工作，我正在嘗試用鼠標完成某些操作。當我將鼠標懸停在圖像上時，圖像會上移，下面會顯示一個小文本，但我該怎麼做？當我在圖像上放置鼠標時，圖像上升，但是當我將鼠標懸停在div上時，就會出現空洞。有沒有辦法阻止它？jQuery圖像懸停問題

$(".aImgContainer img").mouseover(function(){ 
    $(this).css({"transform":"translateY(-40px)"}); 
}); 

$(".aImgContainer img").mouseout(function(){ 
    $(this).css({"transform":"translateY(0px)"}); 
});

http://jsfiddle.net/mRHa5/

來源

2013-07-02 Ajeo

請張貼一個完整的代碼示例，我們可以看到你在做什麼並重現該問題。 jsFiddle.net上的示例幫助我們爲您提供幫助。 – j08691

http://jsfiddle.net/mRHa5/ – Ajeo

你想讓圖像向上滑動效果還是淡入淡出？ – Learner

嘗試更改頂部的位置，而不是翻譯？我也必須調整一些CSS規則。

$(".colofoonFoto").mouseover(function(){ 
    $(this).find('img').css({"top":"-40px"}); 
}); 

$(".colofoonFoto").mouseout(function(){ 
    $(this).find('img').css({"top":"0"}); 
});

http://jsfiddle.net/carasin/AraQT/2/

來源

2013-07-02 20:02:07

是啊，它是thnx – Ajeo

你去那裏：jsFiddle

我已經改變了鼠標事件是容器.colofoonFoto而不是IMG上。問題是，當你徘徊圖像，它上升 - 你的鼠標不再是它

來源

2013-07-02 19:53:09

thnx的答案 – Ajeo

這是你在找什麼？ –

是的，但我現在正在嘗試它在我的項目，它仍然在做怪物 – Ajeo

jQuery圖像懸停問題

回答

相關問題