0

私は現在、私のWebサイトwww.bonusrunner.net（作成中:)でSuperfish（http://users.tpg.com.au/j_birch/plugins/superfish/#sample4）によって作成された水平ナビゲーションバーを使用しています。

.cssおよび.jsファイルはここからダウンロードできます：http：//users.tpg.com.au/j_birch/plugins/superfish/#download

私はいくつかのCSS調整に苦労しています。メニューをhttp://www.oddsportal.comのメニューと同じにしたいのですが、誰か助けてもらえますか？まず、サブメニューを永続的に表示するにはどうすればよいですか。次に、サブメニューの背景の幅を100％にします。

最高、スリンジ

4

1 に答える 1

1

まず、例 (#4) の正しいコードをページに追加します。

$(document).ready(function(){ 
    $("ul.sf-menu").superfish({ 
        pathClass:  'current' 
    }); 
});

(ページの pathClass を忘れました)。

その後、含まれてsuperfish-navbar.cssいるものが残りの面倒を見てくれます。

アップデート

<ul class="sf-menu sf-navbar sf-js-enabled sf-shadow">
    <li class="current">
        <a href="http://www.bonusrunner.net/#a" class="sf-with-ul">Bonusrunner<span class="sf-sub-indicator"> »</span></a>
        <ul>
            <li>
                <a href="http://www.bonusrunner.net/#ab">Anvend Bonusrunner</a>
            </li>
            <li><a href="http://www.bonusrunner.net/#ab">Om Bonusrunner</a></li>
            <li><a href="http://www.bonusrunner.net/#ab">Ludomani Test</a></li>
            <li><a href="http://www.bonusrunner.net/#ab">Ansvarligt Spil</a></li>

        </ul>
    </li>
    <li>
        <a href="http://www.bonusrunner.net/#a" class="sf-with-ul">Casino<span class="sf-sub-indicator"> »</span></a>
        <ul>
            <li>
                <a href="http://www.bonusrunner.net/#ab">Casino Bonus</a>
            </li>
            <li><a href="http://www.bonusrunner.net/#ab">Casino Guide</a></li>
            <li><a href="http://www.bonusrunner.net/#ab">Casino Nyheder</a></li>
            <li><a href="http://www.bonusrunner.net/#ab">No Deposit Casino</a></li>
        </ul>
    </li>
    <li>
        <a href="http://www.bonusrunner.net/#a" class="sf-with-ul">Betting<span class="sf-sub-indicator"> »</span></a>
        <ul>
            <li>
                <a href="http://www.bonusrunner.net/#ab">Betting Nyheder</a>
            </li>
            <li><a href="http://www.bonusrunner.net/#ab">Betting Guide</a></li>
            <li><a href="http://www.bonusrunner.net/#ab">Betting Ekspertråd</a></li>
        </ul>
    </li>

class="current"ロード時に開くはずのメニューに注意してください。あなたのサイトからダウンロードしたコードで試してみると、魅力的です。

于 2012-08-27T13:18:59.043 に答える