Question

我最近一直在尝试学习jQuery，同时考虑到悬停效果，我觉得它有点障碍。谁能告诉我为什么这不起作用？

$(document).ready(function(){   
 $('img.close').hover(function(){
                        $(this).attr('src','images/1.png');
                    },function(){
                        $(this).attr('src','images/2.png');
                    });
});

编辑：我试图用另一个图像替换图像，同时将鼠标悬停在它上面，基本上创建了一个翻转效果

我忘了提到使用jQuery

创建图像并将其添加到容器中

EDIT2：我已经设法找到了img.class是使用动画回调函数创建的问题，似乎我无法对它做任何事情，除了在回调函数中代码是corect但没有放在右边地方

Answer 1

如果你的图像src是images / 1.png，那么下面的代码将创建翻转效果

$(document).ready(function(){   
 $('img.close').mouseover(function(){
                    $(this).attr('src','images/2.png');
                });
$('img.close').mouseleave(function(){
                    $(this).attr('src','images/1.png');
                });
});

编辑：

这是悬停

$(document).ready(function(e) {
    $('img.test').hover(function(e){
    $(this).attr('src','Img2.jpg'); //event In handler
    alert($(this).attr('src'))
},function(e){
    $(this).attr('src','Img.jpg'); //event Out handler
})
});

希望它可以提供帮助

为什么这个jQuery hover（）不适用于image src属性？

1 个答案: