使用 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 href 文档。