2

私はこのコードを持っています：

 $(document).ready(function () {
     $(this).hoverAccordionMenu(); //build left menu accordion effects  

     /*ie6 hack for mouse over icons on 2nd level. Not part of the plugin. optional!*/
     if ($.browser.msie && $.browser.version.substr(0, 1) < 7) {
         //rollover arrow which doesn't work with simple css
         $('ul.menu > li > ul > li').bind("mouseenter", function (e) {
             $(this).css("background", "url(ico-arrow-level2.gif) no-repeat");
         });
         $('ul.menu > li > ul > li').bind("mouseleave", function (e) {
             $(this).not(".active").css("background", "none");
         });
     }

 });

私はあなたに見せるためにjsfiddleに入れました：

http://jsfiddle.net/haNGY/

上下のスライドがスムーズではなく揺れがある理由を誰かに教えてもらえますか？

前もって感謝します！

（PS、申し訳ありませんが、タイトルについて覚えていますが、ここでは午前4時近くなので、私の脳は遅くなっています！編集に行っただけですが、修正されました、ありがとう！）

4

1 に答える 1

2

ジャンプを修正するには、次のようにします。

#menu ul li ul {
    width:235px;
    /* display: inline-block ;*/ /* REMOVE */
}

今、何か便利なもの

#menu li {
    margin: 0;
    /*margin-left:0; */ /* believe me you don't need this */
}


#menu li li {
    padding-top:2px;
    padding-left:9px;
    /*margin:0;*/ /* why if you already use margin 0 for LI*/
}

こちらも午前4時49分なので、CSSをよく見てください...明日;）

ええ、さらに私はLI要素のスタイリングを避けます。それは良くなく、常にXbrowserと互換性があるとは限りません。最小限のスタイリングを維持しながら、ダミーコンテナのようなLI要素を使用することをお勧めします。内部aの要素を試して、目的のスタイルを実現します。

于 2013-01-24T03:47:10.393 に答える