当前位置: 首页 > 工具软件 > idTabs > 使用案例 >

Jquery的idTabs使用

轩辕季同
2023-12-01
http://www.sunsean.com/idTabs/jquery.idTabs.min.js

idTabs使用基本介绍如下:
通常的使用方法如下:

<div id="usual1" class="usual">
  <ul>
    <li><a class="selected" href="#tab1">Tab 1</a></li>
    <li><a href="#tab2">Tab 2</a></li>
    <li><a href="#tab3">Tab 3</a></li>
  </ul>
  <div id="tab1">This is tab 1.</div>
  <div id="tab2">More content in tab 2.</div>
  <div id="tab3">Tab 3 is always last!</div>
</div>
  
<script type="text/javascript">
  $("#usual1 ul").idTabs();
</script>

$(function () { $(".idTabs").idTabs(); 
//自定义显示tab
$(".idTabs a").eq(1).trigger('click') 
});

 

转载于:https://www.cnblogs.com/-lpf/p/5528025.html

 类似资料: