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图像悬停问题

回答

相关问题