JQueryを使用したアニメーションメニュー

Question

jQueryを使用してアニメートするメニューを作成しようとしています。ここに例がありますhttp://www.freebiejeebiesworld.com/category/category.html

しかし、私は各セクションをホバーで個別にアニメーション化したいと思います。それぞれは同じ静止画像で始まりますが、動かされたときには別の画像にアニメーションされます。

私は作業を完了するためにjQueryの関数を書く方法を知らないしかし、私は

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

のようなものを考えていました。

$(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ドキュメントを勉強してみてください。

すべてのヘルプは

jQueryのコードをいただければ幸いです。