2012-08-27 132 views
0

我目前在我的网站www.bonusrunner上使用由Superfish创建的水平导航栏(http://users.tpg.com.au/j_birch/plugins/superfish/#sample4) .NET(正在建设中:)Superfish水平导航栏的CSS问题

的.css和.js文件可以在这里下载:http://users.tpg.com.au/j_birch/plugins/superfish/#download

我与一些CSS调整挣扎。我希望我的菜单与http://www.oddsportal.com上的菜单相同 - 任何人都可以帮助我吗?首先,我该如何让我的子菜单永久可见,其次,我希望子菜单背景的宽度为100%。

最佳,Slynge

回答

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"这应该是负载打开的菜单上。尝试从您的网站下载的代码,并像一个魅力。

+0

谢谢,但没有区别。菜单工作正常,但是我希望我的子菜单是可见的,但无法弄清楚如何做到这一点。 –

+0

当您修复网站上的PHP错误时,请告知我,以便我们再看看它。 :) –

+0

@CasperSlynge检查一个工作示例的更新代码。 –