JQuery задержка и замедление скорости скольжения

Question

Следующий код увеличивает высоту DIV, когда выполняется функция наведения, и как я могу изменить код таким образом, чтобы функция выполнялась, если мышь удерживается в течение 5 секунд.Также, как я могу замедлить скорость скольжения?

$(document).ready(function () {
    $("#myhead").hover(

    function () {
        $(this).animate({
            height: '+=250'
        }, '1000');
    }, function () {
        $(this).animate({
            height: '-=250px'
        }, '1000');
    });
});

Answer 1

Вы можете использовать этот плагин для зависания по времени http://cherne.net/brian/resources/jquery.hoverIntent.html

этот плагин вызывает функции mousein и mouseout после определенного времени ожидания. Вы можете уменьшить скорость скольжения на

$(document).ready(function () {
$("#myhead").hover(

function () {
    $(this).animate({
        height: '+=50',
    }, {duration:2000});
}, function () {
    $(this).animate({
        height: '-=50px'
    }, {duration:2000});
});

});

Answer 2

Существует плагин jQuery под названием "hoverintent", который позволит вам писать функции наведения со свойством "timeout", которое делает то, что вы описываете.

http://archive.plugins.jquery.com/project/hoverIntent

Скорость анимации можно замедлить, увеличив число после анимации - в вашем текущем коде это «1000».Это в миллисекундах, поэтому 1000 равно 1 секунде.