Superfish水平导航栏css问题
Superfish水平导航栏css问题
提问于 2012-08-27 19:53:51
我目前正在我的网站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%。
最好的，Slynge
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-08-27 21:18:59
首先，将示例(#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"。在从你的网站下载的代码上试用它，效果很好。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12141466
复制相关文章
相似问题
腾讯云开发者
