-1

Вот код:

$('#layer1').hover(
    function() {
        $(this).animate({
            'top' : '+20px'
        })
    },
    function() {
        $('#layer1').animate({
            'top' : '-20px'
        })
    }
);

При наведении top : +20; А при убирании, думаю, top : -20; Но почему то не срабатывает. Почему???

1
  • px там не нужен кстати.
    – zb'
    18 июн 2013 в 17:50

1 ответ 1

1

Не нужно указывать размерность:

$('#layer1').hover(function (evt){
   $(this).animate({ top: (evt.type == 'mouseenter' ? 20 :-20) });
});
10
  • При += он будет каждый раз при наведении +20 делать. Мне это не нужно @RubaXa
    – navi1893
    18 июн 2013 в 17:54
  • Ну окей, если вам нужно просто +/-20, то так и напишите, обновил комент
    – RubaXa
    18 июн 2013 в 18:02
  • эффект не тот. Он поднимается 2 раза, а потом реагирует, уже 1 раз поднявшись
    – navi1893
    18 июн 2013 в 18:14
  • .stop() сделайте перед каждым .animate()
    – zb'
    18 июн 2013 в 18:19
  • 1
    @RubaXa в вашем случае надо делать finish() т.к. stop() просто очищает очередь и незаконченная анимация будет остановлена посередине, а так как у вас относительное смещение, картинка может сползти. stop можно делать только при абсолютных значениях. я бы вообще использовал margin вместо top: jsfiddle.net/oceog/q4Rkk/3
    – zb'
    18 июн 2013 в 20:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.