VPF::После анимации очистить очередь

virtus1k

Дата 18.12.2009, 19:39 (ссылка)

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

Загрузка ...

Новичок

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

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

Привет.
Я новичек, подскажите, пожалуйста...
Написал на jquery простую анимацию картинки при наведении...

Код


$(".runlo").hover(
    function(){
    $("#logotyp")
        .animate({left: "+=30"}, 2000, "linear")
        return false;
    }, function() {
    $("#logotyp")
        return false;
    });

При навидении она смещается. Проблема в том, что если я при смещении еще раз подвел курсор - все начинается сначала.. Т.е. если я оставляю курсор на картинке - действие происходит циклически (
Подскажите, пожалуйста.. как сбросить эту очередь в "ноль"
БОЛЬШОЕ СПАСИБО

IDVsbruck

Дата 19.12.2009, 05:14 (ссылка)

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

Загрузка ...

Опытный

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

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

Попробуй или правильно написать, типа такого:

Код


$(".runlo").hover(
    function(){$("#logotyp").animate({left:"+=30px"}, 2000, "linear")},
    function(){$("#logotyp").animate({left:"-=30px"}, 500, "linear")}
});

или если что-то идет не так, к примеру, мы наводим, происходит смещение и выходит "из-под мышки", срабатывает обратное действие, "входит под мышку" и т.д., то можно сэмулировать работу "в одно действие"

Код


function m_enter() {
    $(".runlo").one("mouseenter", function(){$("#logotyp").animate({left:"+=30px"}, 2000, "linear", m_leave)});
}
function m_leave() {
    $(".runlo").one("mouseleave", function(){$("#logotyp").animate({left:"-=30px"}, 2000, "linear", m_enter)});
}
m_enter();

virtus1k

Дата 19.12.2009, 11:35 (ссылка)

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

Загрузка ...

Новичок

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

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

спасибо! большое спасибо!

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