0

私の限られた jQuery スキルで、ナビゲーション ホバーに基づいてナビゲーション スライダーを動かすことができました。ただし、コードが最適ではなく、ナビゲーション項目間をすばやく移動するときの遅延が長すぎると感じています。(JavaScript の遅延を減らしても効果はありません)。何か考えや提案はありますか？

$('#navTop .home').mouseover(function () {
 $('.navSlider').animate({
    marginLeft: '54px',
 }, 200, function () {
    // Animation complete.
 });
});
...

http://jsfiddle.net/wTcnV/

4

2 に答える 2

2

http://jsfiddle.net/mohammadAdil/wTcnV/1/

このように呼び出す必要があります.stop()-

$('.navSlider').stop().animate({
        marginLeft: '54px',
    }, 300, function () {
        // Animation complete.
});

http://api.jquery.com/stop/

于 2013-05-10T09:20:04.303 に答える
0

このタイプのエフェクトには LavaLamp プラグインを使用します

以下のリンクのデモ/コードを参照してください

http://www.htmldrive.net/items/demo/439/LavaLamp-jQuery-Sliding-Menu

http://jquery.kvijayanand.in/jquery-navigation-hover-effects/index.html

于 2013-05-10T09:25:37.510 に答える