基于YUI的tab切换 －－ YAHOO.ST.switchTab

基于YUI，扩展名称空间（YAHOO.ST），因此不会跟您的程序冲突。

版本

0.1 Alpha行不？

下载

yahoo-dom-event.js和st.js

使用方法

封装在YAHOO.ST.switchTab(tabcontainer, initialtab)中，tabcontainer可以是一个HTML元素的引用或者字符串，传入字符串则是id为该字符串的元素的引用；initialtab是初始化的tab。

It's Unobtursive! 例子

连接的hash（即#号后面的字符串）跟相应的div的id对应。


<ul id="tab2" class="t">
	<li><a href="#sec6"><span>sec6</span></a></li>
	<li><a href="http://realazy.com/#sec7"><span>sec7</span></a></li>
</ul>
<div id="sec6">
	sec6
</div>
<div id="sec7">
	sec7
</div>

则如此初始化：


YAHOO.util.Event.onAvailable('tab2', function(){Y.ST.switchTab('tab2', 0)});

Realworld Example

sec1
sec2
sec3sec3sec3sec3sec3sec3sec3sec3sec3
sec4sec4sec4sec4sec4sec4
sec5
sec6
sec7