2012-01-22 14 views
0

次のコードは、ホバー機能が実行されたときのDIVの高さを拡大し、マウスを5秒間置くと機能が発生するようにコードを変更する方法を示します。また、どのように滑り速度を遅くすることができますか?jQuery遅延とスローダウンスライド速度

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

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

答えて

2

あなたが)特定timeout.Youが

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

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

}によってスライドの速度を低下させることができた後に、このプラグインがmouseinとマウスアウト関数を呼び出すhttp://cherne.net/brian/resources/jquery.hoverIntent.html

時間ベースのホバーは、このプラグインを使用することができます。

+0

これは私を助けませんでした:( –

+0

アニメーションやプラグインのスピードを助けなかったのは何ですか? –

+0

編集したコードを試してみるか、[jsfiddle](http:// jsfiddle)で試してみてください。 –

1

あなたが記述しているものを行い、「タイムアウト」プロパティでホバー機能を書き込むことができるようになります「hoverintent」と呼ばれるjQueryプラグインがあります。

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

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