1

静止状態のナビゲーションメニューはこんな感じ。 ここに画像の説明を入力

その上にカーソルを合わせると、空白が押し下げられます。ここに画像の説明を入力

当然、そうなってほしくないのですが、どうしたらこのままでいいのかわかりません。私のJQueryは次のようになります。

$( document ).ready(function() {

        $('li').mouseover( function() {
           $(this).animate({height: "40px"}, 300 );
        });
        $('li').mouseout( function() {
           $(this).animate({height: "18px"}, 300 );
        });

});

そして、私のナビゲーションはあなたの典型的な ULdisplay: inline-block; です。どうすればこれを行うことができますか?

また、ナビゲーションについてお尋ねしているのですが、ホバーしたままにして、数回バウンドしないようにする方法はありますか?

4

2 に答える 2

1

CSSナビゲーションの配置をいじる必要があります。作成した場合position: absolute、そのページの外側にあるページ上の他の要素には影響しませんdiv

元の位置を少し台無しにする可能性がありますが、元の位置に簡単に修正できます。

あなたが何を意味するのかよくわかりませんand not bounce a couple times?

于 2013-06-08T23:50:33.123 に答える
1

アニメーションによって div が拡大しています。アニメーションが自然に成長できる下部の白いバー (または本体の BG カラー) で始まる最終的なサイズの div を作成することをお勧めします。

于 2013-06-08T23:49:52.037 に答える