0

次のコードは、ホバー機能が実行されたときにDIVの高さを拡張し、マウスを5秒間置いた場合に機能が実行されるようにコードを変更するにはどうすればよいですか。また、スライド速度を遅くするにはどうすればよいですか？

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

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

2 に答える 2

2

このプラグインは、時間ベースのホバーに使用できます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});
});

}）;

于 2012-01-22T16:21:11.643 に答える
1

「hoverintent」と呼ばれるjQueryプラグインがあります。これを使用すると、説明していることを実行する「timeout」プロパティを使用してホバー関数を記述できます。

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

アニメーションの後に数字を増やすと、アニメーションの速度を遅くすることができます。現在のコードでは「1000」です。これはミリ秒単位なので、1000は1秒に相当します。

于 2012-01-22T16:19:29.210 に答える