2011年5月23日星期一

jQuery Tab

FROM: jQuery idTabs

推荐一 jQuery 实现 Tab 的插件,代码很简短,而且调用也非常简单。head 加上:
[html]
<script type="text/javascript" src="jquery.idTabs.min.js"></script>
[/html]

class="idTabs" element 中,任何<a href="#tabs">以这种形式调用,被点击时都会显示对应 id="tab" element 中的内容。如下:

[html]
<ul class="idTabs">
<li><a href="#jquery">jQuery</a></li>
<li><a href="#official">Tabs 3</a></li>
</ul>
<div id="jquery">If you haven't checked out ...</div>
<div id="official">idTabs is only a simple ...</div>
[/html]
demo

没有评论 :

发表评论