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 回答