2012-02-15 63 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

相關問題