一套用於頁籤的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

    $ 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|動畫效果

《延伸》

1. Tabslet jQuery plugin | Yet another plugin for tabs
2. vdw/Tabslet: Yet another jQuery plugin for tabs, lightweight, easy to use, mobile-friendly and with some extra features.