0

水平サブメニューが左右に 1 つずつある水平メニューを作成しようとしていますが、メニューを右側のサブメニューに揃えると、「幅」が原因で奇妙なけいれん効果が発生します。右。不透明効果のあるホバー水平サブメニューでスムーズなスライドを作成する方法を知っている人はいますか。助けが必要です！

   $(function() {
    $('.sub-menu').hide();

    $('.link').hover(function() {            
            $('.sub-menu', this).stop().animate({
                width: 'toggle',
                opacity: 'toggle'
            } /* [, duration in ms] */);
        }
    );
});

デモjsfiddle

コード使用リンク

4

1 に答える 1

0

スペースが問題です。

あなたのフィドルでは、Aboutの後にスペースがあり、ULその後に がinline-blockあるので、スペースを削除して に を付けpadding-leftて.sub-menuください。それは修正します。

修理：

​.sub-menu li:first-child {padding-left: 5px;}​

フィドル: http://jsfiddle.net/zR5Tx/2/

于 2012-12-23T14:46:50.737 に答える