今天我们来使用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://nowjava.com

本文系作者在时代Java发表,未经许可,不得转载。
如有侵权,请联系nowjava@qq.com删除。