我正在尝试创建一个使用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);
});
});