一套用於頁籤的jQuery套件,輕量級且操作容易
GitHub Star: 550
Javascripting Overall: 33%
瀏覽器: Chrome、Firefox和IE6+
RWD: 不支援(可運作)
License: Apache-2.0
CDN
<!-- jQuery v1.9.1 -->
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<!-- Tabslet v1.7.3 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tabslet.js/1.7.3/jquery.tabslet.min.js"></script>
$ npm install tabslet
<div class="tabs">
<ul>
<li><a href="#tab-1"><!-- 頁籤1 --></a></li>
<li><a href="#tab-2"><!-- 頁籤2 --></a></li>
...
</ul>
<div id="tab-1"><!-- 內容1 --></div>
<div id="tab-2"><!-- 內容2 --></div>
...
</div>
<script type="text/javascript">
$( ".tabs" ).tabslet({
// 參數設定[註1]
});
</script>
[註1]
參數 | 描述 |
---|
active|第一個顯示的頁籤
mouseevent|觸發頁籤的滑鼠事件
animation|動畫效果