2012-02-15 58 views
0

我一直在努力学习jQuery最近,同时打造一个悬停效果,我似乎已经碰到了一些障碍。谁能告诉我为什么这不起作用?为什么jQuery hover()不能用于图像src属性?

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

编辑:我试图同时在它悬停beasicly创建侧翻效应

我忘了提,图像创建和交锋于其容器使用jQuery

与其它图像来替换图片

编辑2:我设法找到img.class是使用animate回调函数创建的问题,似乎我无法对它做任何事情,除了回调函数中的代码是corect,但没有放在正确的位置

+4

你究竟想要做什么? – 2012-02-15 18:49:09

+0

它在做什么?绝对没有? – crush 2012-02-15 18:49:31

+0

我试图在徘徊在其上时用另一个图像替换图像 – user1146440 2012-02-15 18:50:14

回答

0

如果图像src是图像/ 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 
}) 
}); 

希望它可以帮助

+1

这几乎是一样的,但更多的代码。 – shaunsantacruz 2012-02-15 18:56:46

+0

对不起...现在使用代码..它会创建翻转效果 – 2012-02-15 18:58:15

+1

我看到这是被接受的答案。你能解释一下为什么你的解决方案能够正常工作,并且问题中的原始代码不是?谢谢! – shaunsantacruz 2012-02-15 19:12:16

相关问题