.hover () onmouseout breake for () {}

Question

.hover () onmouseout breake for () {}

0

$('#drugiGumb').hover(
    function () {
        for (var i = 0; i < 60; i++) {
            $('#drugiGumbSlika').delay(15).animate({ marginLeft: '-=149px' }, 1);
        }
        $('#drugiGumbSlika').animate({ marginLeft: '-8791px' }, 1);
    }, function () {
        $('#drugiGumbSlika').stop().animate({ marginLeft: '0px' }, 1);
    }
    );

Привет всем, у меня ширина изображения 8791px и его анимация на одном изображении. один кадр составляет 149x85px. Чтобы анимировать его, я создаю код выше. Моя проблема в том, что я наклоняю тормоз для цикла на мыши и остановку добавления анимации. Любые идеи, как я могу это сделать?

спасибо заранее.

user2983267 12 нояб. 2013, в 14:17

Источник

Теги:

jquery

css

for-loop

onmouseout

3 ответа

1

Попробуйте .stop(true,true)

$('#drugiGumb').hover(function () {
    for (var i = 0; i < 60; i++) {
        $('#drugiGumbSlika').delay(15).animate({
            marginLeft: '-=149px'
        }, 1);
    }
    $('#drugiGumbSlika').animate({
        marginLeft: '-8791px'
    }, 1);
}, function () {
    $('#drugiGumbSlika').stop(true,true).animate({
        marginLeft: '0px'
    }, 1);
});

Tushar Gupta 12 нояб. 2013, в 11:36

0

Вам нужно обработать события mouseenter и mouseleave. Не парить.

Ricky Stam 12 нояб. 2013, в 11:56

2

Вот что такое использование hover делает.
T.J. Crowder 12 нояб. 2013, в 13:06

Ещё вопросы

Вот что такое использование hover делает.

Krish R · Accepted Answer · 2013-11-12T11-19-00.000Z

jQuery .stop() docs - http://api.jquery.com/stop/

$('#drugiGumb').hover(
function () {
    for (var i = 0; i < 60; i++) {
        $('#drugiGumbSlika').delay(15).animate({ marginLeft: '-=149px' }, 1);
    }
    $('#drugiGumbSlika').animate({ marginLeft: '-8791px' }, 1);
}, function () {
    $('#drugiGumbSlika').stop(true, true).animate({ marginLeft: '0px' }, 1);
}
);