<li>tab3</li>
<li class=”last-col”>tab4</li>
</ul>
<div class=”content-main”>
<div class=”content”>tab1</div>
<div class=”hide”>tab2</div>
<div class=”hide”>tab3</div>
<div class=”hide”>tab4</div>
</div>
</div>
<br /><br />
<div id=”tab2″>
<ul class=”menu”>
<li class=”current”>tab1</li>
<li>tab2</li>
<li>tab3</li>
<li class=”last-col”>tab4</li>
</ul>
<div class=”content-main”>
<div class=”content”>tab1</div>
<div class=”hide”>tab2</div>
<div class=”hide”>tab3</div>
<div class=”hide”>tab4</div>
</div>
</div>
<script>new tabSlider(“#tab1”,4);</script>
<script>new tabSlider(“#tab2”,4);</script>
</body>
</html>
JS代码如下：
// JavaScript Document
/*
*@date 2011 10 24
*@ author tugenhua
*@ email tugenhua@126.com
*@ 可以一个页面多次引用
依赖的结构 */
<div id=”tab1″>
<ul class=”menu”>
<li class=”current”>tab1</li>
<li>tab2</li>
<li>tab3</li>
<li class=”last-col”>tab4</li>
</ul>
<div class=”content-main”>
<div class=”content”>tab1</div>
<div class=”content hide”>tab2</div>
<div class=”content hide”>tab3</div>
