0

悬停在两个图像上时，我想在两个图像之间切换。两个图像具有相同的尺寸并且是一致的。

问题是当图像改变时，它有点“跳跃”并且变得比默认图像更小，尽管 HTML 和 CSS 没有改变并且图像的尺寸相同。怎么会？

我有以下HTML：

<img src="image.png" class="image" />

jQuery脚本：

<script  type='text/javascript'>
    $(document).ready(function(){
        $(".image").hover(
            function() {$(this).attr("src","image-hover.png");}, 
            function() {$(this).attr("src","image.png");
        });
    });
</script>

有人可以给出一些建议或暗示这是为什么吗？我不是在寻找 CSS 替代品，我想让它与 jQuery 一起使用！

4

1 回答 1

0

我找到了一个不错的解决方案，即使我还没有解决最初的问题。但是时间很短，不是吗？

http://jsfiddle.net/Xm2Be/3/

$('.fader').hover(function() {
    $(this).find("img:last").fadeToggle();
});​

发现于： jQuery 悬停图像更改动画

于 2013-04-07T12:46:00.537 回答