Я пытаюсь создать меню, которое анимирует, используя 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);
});
});