热门排行
简介
今天我们来使用jquery的插件idTabs来实现我们前面说的效果并且代码简单易用。好了多余的话就不多说了我们就来看下jquery的代码.
使用代码有如:
[code]
<div id="usual2" class="usual">
<ul>
<li><a href="#tabs1">Tab 1</a></li>
<li><a class="selected" href="#tabs2">Tab 2</a></li>
<li><a href="#tabs3">Tab 3</a></li>
</ul>
<div id="tabs1">This is tab 1.</div>
<div id="tabs2">More content in tab 2.</div>
<div id="tabs3">Tab 3 is always last!</div>
</div>
<script type="text/javascript">
$("#usual2 ul").idTabs("tabs2");
</script>
[/code]
更详细的使用说明可以参考 https://www.jb51.net/article/30081.htm
使用代码有如:
[code]
<div id="usual2" class="usual">
<ul>
<li><a href="#tabs1">Tab 1</a></li>
<li><a class="selected" href="#tabs2">Tab 2</a></li>
<li><a href="#tabs3">Tab 3</a></li>
</ul>
<div id="tabs1">This is tab 1.</div>
<div id="tabs2">More content in tab 2.</div>
<div id="tabs3">Tab 3 is always last!</div>
</div>
<script type="text/javascript">
$("#usual2 ul").idTabs("tabs2");
</script>
[/code]
更详细的使用说明可以参考 https://www.jb51.net/article/30081.htm