jQuery idTabs 使用简介

最新推荐文章于 2023-11-20 17:09:18 发布

qq_28374369

最新推荐文章于 2023-11-20 17:09:18 发布

阅读量487

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_28374369/article/details/45891925

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

官网：http://www.sunsean.com/idTabs/

下载地址：http://download.csdn.net/download/qq_28374369/8724407

<script src="jquery.min.js"></script>
<script src="jquery.idTabs.min.js"></script>

<div id="usual1" class="usual"> 
  <ul> 
    <li><a href="#tab1" class="selected">Tab 1</a></li> 
    <li><a href="#tab2">Tab 2</a></li> 
    <li><a href="#tab3">Tab 3</a></li> 
  </ul> 
  <div id="tab1" style="display: block; ">This is tab 1.</div> 
  <div id="tab2" style="display: none; ">More content in tab 2.</div> 
  <div id="tab3" style="display: none; ">Tab 3 is always last!</div> 
</div> 
<script type="text/javascript"> 
  $("#usual1 ul").idTabs(); //如果要鼠标悬浮切换则改为.idTabs("!mouseover"); 
</script>