您好我正在使用Go Mobile themeforest theme 如果你看看里面“关于我们”有标签菜单“一些灵活的标签”,他正在工作,但现在我想复制它,当我这样做时,重复的代码不工作标签显示#链接,所有内容都在活动标签..
代码是:
<ul id="tabsmenu" class="tabsmenu">
<li class="active"><a href="#tab1">Text tab</a></li>
<li><a href="#tab2">Listing tab</a></li>
<li><a href="#tab3">Quote tab</a></li>
</ul>
<div id="tab1" class="tabcontent">
<h4>Simple text title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div id="tab2" class="tabcontent">
<h4>Listing title</h4>
<ul class="listing">
<li>Consectetur adipisicing elit sed</li>
<li>Sed do eiusmod tempor incididunt</li>
<li>Ut enim ad minim veniam</li>
</ul>
</div>
<div id="tab3" class="tabcontent">
<h4>Quote title</h4>
<blockquote>Design is the fundamental soul of a human-made creation that ends up expressing itself in successive outer layers of the product or service. <span class="quote_author">-Steve Jobs</span></blockquote>
</div>
当我复制它时,它不再起作用..
此标签菜单的CSS为:
/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ padding:0; position:relative; bottom:-1px;}
ul.tabsmenu li a{ width:31.2%; float:left; padding:12px 0 12px 0; margin:0 2% 0 0;text-align:center;}
ul.tabsmenu li:last-child a{ float:right; margin:0 0 0 0;}
ul.tabsmenu li.active a{font-weight:bold;}
.tabcontent{ padding:5% 4%; clear:both; margin:0 0 10px 0;}