Superfish水平導航欄的CSS問題

Question

我目前在我的網站www.bonusrunner上使用由Superfish創建的水平導航欄（http://users.tpg.com.au/j_birch/plugins/superfish/#sample4） .NET（正在建設中:)

的.css和.js文件可以在這裏下載：http://users.tpg.com.au/j_birch/plugins/superfish/#download

我與一些CSS調整掙扎。我希望我的菜單與http://www.oddsportal.com上的菜單相同 - 任何人都可以幫助我嗎？首先，我該如何讓我的子菜單永久可見，其次，我希望子菜單背景的寬度爲100％。

最佳，Slynge

Answer 1

首先，從例如添加正確的代碼（＃4）你的頁面：

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

（你忘了你的頁面上的pathClass）。

然後包括的superfish-navbar.css將照顧其餘的。

UPDATE

<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"這應該是負載打開的菜單上。嘗試從您的網站下載的代碼，並像一個魅力。