使用JQuery的動畫菜單

Question

我想創建一個使用jQuery進行動畫的菜單。我在這裏有一個例子http://www.freebiejeebiesworld.com/category/category.html

但是我希望每個部分在懸停時單獨設置動畫。每個都將以相同的靜態圖像開始，但是在徘徊時動畫顯示不同的圖像。

我想這樣

<ul id="menu" class="category"><li><img src="image1.jpg" hover="image2.jpg"></li></ul> 

但是我不知道怎麼寫了jQuery函數來完成這項工作。

任何幫助，將不勝感激

jQuery代碼：

$(function() { 
    $("#menu img").hover(function() { 
     var hover = $(this).data("hover"); 
     $(this).data("hover", $(this).attr("src")); 
     $(this).attr("src", hover); 
    }, function() { 
     var hover = $(this).data("hover"); 
     $(this).data("hover", $(this).attr("src")); 
     $(this).attr("src", hover); 
    }); 
}); 

Answer 1

嘗試學習jquery hover文檔。