VPF::Как выполнить анимацию правильно

vov4eg

Дата 7.2.2012, 01:48 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 46
Регистрация: 27.6.2011

Репутация: нет
Всего: нет

Привет всем.

Есть проблема с анимацией на JQuery. Есть меню при наведении на которое выпадает список(подменю). Если навести и убрать несколько раз на это меню указатель мыши то и анимация выполниться несколько раз.
Как сделать так чтобы после наведения на меню, скажем 10 раз, анимация эти 10 раз не выполнялась?
Можно ли как то перескочить на последнюю анимацию в очереди, или закончить анимацию которая началась и удалить все остальные?

Код


jQuery('#nav').hover(
    function(){
        jQuery('#nav').toggleClass('open');
        jQuery('#nav .m ul ul').toggle('slow');
    }
);

z-END

Дата 7.2.2012, 02:11 (ссылка)

(нет голосов)

Загрузка ...

прафесар™

Профиль
Группа: Комодератор
Сообщений: 3014
Регистрация: 13.3.2003
Где: Венья, Пиетари

Репутация: 3
Всего: 102

Код


$('#nav').hover(
    function(){
        $(this).stop().toggleClass('open');
        $('#nav .m ul ul').stop().toggle('slow');
    }
);

думаю как-то так

--------------------

Каждый чилавек пасвоему праф...а памоему НЕТ!

нуп

Дата 7.2.2012, 02:12 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33

stop(true, true)

vov4eg

Дата 7.2.2012, 14:12 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 46
Регистрация: 27.6.2011

Репутация: нет
Всего: нет

z-END спасибо. Попробовал твой скрипт, вроде бы помогло, но теперь другая проблема после наведения на меню несколько раз, меню начинает уменьшаться, то есть отображается только половина пунктов меню остальные обрезаются фоном.

Есть идеи с чем это может быть связано?

ksnk

Дата 7.2.2012, 15:31 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386

Цитата(z-END @ 7.2.2012, 02:11

)

$('#nav').hover(
function(){
$(this).stop()...

Цитата(нуп @ 7.2.2012, 02:12

)

stop(true, true)

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

vov4eg

Дата 7.2.2012, 16:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 46
Регистрация: 27.6.2011

Репутация: нет
Всего: нет

ksnk, да так тоже не работает, меню вообще обрезается, и не выпадает ни одного пункта.

vov4eg

Дата 10.2.2012, 18:38 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 46
Регистрация: 27.6.2011

Репутация: нет
Всего: нет

Привет, всем и спасибо за помощь.

Остался еще один вопрос: есть у меня небольшая кнопка из которой, при наведении мыши, выезжает меню сверху вниз. Но когда меню "прячется" бекграунд сворачивается с низу вверх по ширине самого широкого слова и когда остается только кнопка из которой появляется меню, фон резко сживается до размера кнопки, без какой либо анимации.

Вот от этого эффекта мне нужно избавиться. Я так понимаю что из-за того что я использую .slideToggle() анимация происходит только по высоте, но может можно как то перед "сжатием" бекграунда его анимировать.

Кто знает подскажите плиз!!!!

Код


jQuery('#nav').hover(
        function(){
         jQuery('#nav ul').stop(true, true).slideToggle();
        }
    );

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »