JQuery选项卡插件[原创]

hsg4ok

  


使用方法：
script type="text/javascript">
$(document).ready(function(){
$('#test_tab').tab({
Menu:'menu',            //按钮标记
Content:'content',        //内容标记
Width:'300px',            //容器宽
Height:'200px',            //容器高
Default:0,                //默认选中项 默认从0开始
Event:'click'            //切换事件 当前支持 mouseover click 两种方式
});
});
</script>


<!--tab容器-->
<div id="test_tab">
  <!--按钮-->
  <div id="menu">
    <ul>
      <li><span>测试1</span></li>
      <li><span>测试2测试2测试2</span></li>
      <li><span>测试3</span></li>
      <li><span>测试4</span></li>
      <li><span>测试5</span></li>
    </ul>
  </div>
  <!--/按钮-->
  <div style="clear:both;"></div>
  <!--内容-->
  <div id="content">
    <ul>
      <li>测试1<br /><br /><br /><br /></li>
      <li>测试2</li>
      <li>测试3</li>
      <li>测试4</li>
      <li>测试5</li>
    </ul>
  </div>
  <!--/内容-->
</div>
<!--/tab容器-->




说明：

[li]1.以Jquery 1.4 为基础；[/li][li]2.默认使用Windows XP 选项卡样式。当然样式可以自己修改；[/li][li]3.使用Jquery插件形式组织代码，同一个页面可以重复使用多个或者嵌套使用；[/li][li]4.当前HTML代码是最基本的代码单元结构；[/li][li]5.本插件当前只发布于Lazarus中文社区，如果转载请注明出处；[/li][li]6.如有疑问可以联系hsg4ok@gmail.com,或者在QQ群34176611讨论；[/li]

猫工

这个插件不错