Меню jquery запрограммировано для анимации при наведении курсора мыши и сворачивании при наведении мыши. Однако это проблема, когда пользователь наводит курсор на элементы, так как, когда пользователь достигает края одного из полей, он больше не считает его мышью над всем меню. Ни на одном из изображений нет отступов, полей или границ. Это сетка квадратов 2 х 3, так что все хорошо сочетается. Вот код jquery, который относится к каждому элементу списка.
$ ( "li.menu3"). Наведите курсор мыши (функция () {
$ ("ul.inactive3"). Stop (). Animate ({width: "500px", height: "150px"}, "fast", function () {
$ ("ul.inactive3"). stop (). animate ({ширина: "500 пикселей", высота: "300 пикселей"}, "быстро");
});
});
$ ( "li.menu3"). MouseOut (функция () {
$ ("ul.inactive3"). Stop (). Animate ({ширина: "500 пикселей", высота: "150 пикселей"}, "быстрый", функция () {
$ ("ul.inactive3"). stop (). animate ({ширина: "0px", высота: "0px"}, "быстрый");
});
Я попытался преодолеть это, просто используя одно изображение и поместив несколько карт изображений поверх, однако это вызвало новые проблемы при наведении курсора, не работающем в Chrome.
Любая помощь будет принята с благодарностью.,
Спасибо, Майк