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

有一个名为“hoverintent”的jQuery插件，它允许您编写具有“超时”属性的悬停函数，该属性可以完成您所描述的内容。

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

动画的速度可以通过增加动画后的数字来减慢 - 在当前代码中它是“1000”。这是以毫秒为单位，因此1000等于1秒。

jQuery延迟并降低滑动速度

2 个答案: