不能用jquery動畫圖像

-2

我不知道我是否缺少obvieouse的東西，但是，我認爲你可以在jquery中動畫圖像？基本上我想達到這樣的http://jsfiddle.net/Qm2FG/，但價格標籤在這個網站http://nagomedia.blackflow.pl。不能用jquery動畫圖像

來源

2012-01-13 Michał Korzeniowski

是的，這是可能的。你嘗試了什麼？你有什麼麻煩？ – SLaks 2012-01-13 19:11:06

就像我寫我試圖動畫價格標籤http://nagomedia.blackflow.pl。但沒有運氣...... – 2012-01-13 19:15:01

你試過什麼？你有什麼麻煩？ – SLaks 2012-01-13 19:15:39

那麼你只需要使用你鏈接到你的問題的代碼，但你需要在HTML文檔中選擇適當的元素：

$('.content').children('.main').children().hover(function() { 
    $(this).stop(true, true).animate({ top : "-=0.45em" }, 150);    
}, function() { 
    $(this).stop(true, true).animate({ top :"+=0.45em" }, 150); 
});

當我發佈這個代碼到我的開發者控制檯在您的網站，當我將鼠標懸停在標籤上時，您的標籤就開始動畫了。

注意使用.stop()，這在使用-=和+=修飾符時非常有用。

UPDATE

您需要可以把你的JS在你的HTML文件（我個人最喜歡的）的結束或將代碼放在一個的document.ready事件處理程序。你的代碼試圖綁定到尚不存在的元素，所以沒有發生綁定。

$(function() { 
    $('.content').children('.main').children().hover(function() { 
     $(this).stop(true, true).animate({ top : "-=0.45em" }, 150);    
    }, function() { 
     $(this).stop(true, true).animate({ top :"+=0.45em" }, 150); 
    }); 
});

我喜歡把我的JS代碼放在我的HTML文檔的末尾，所以它們不會阻止頁面的渲染。 CSS進入<head>，所以它可用於正確設置文檔樣式，並且一旦設置了DOM，JS就會置於底部運行。

來源

2012-01-13 19:18:02 Jasper

我不知道爲什麼它不能正常工作... – 2012-01-13 19:32:55

@MichałKorzeniowski您需要將您的JS放在HTML文檔的末尾（我個人最喜歡的），或者將代碼放在一個'document.ready'事件處理程序中。你的代碼試圖綁定到尚不存在的元素，所以沒有發生綁定。檢查我的答案以獲得更新。 – Jasper 2012-01-13 19:34:28

謝謝您的時間和耐心:) – 2012-01-13 19:40:27

不能用jquery動畫圖像

回答

相關問題