jQuery contabs.js是一種免費的jQuery插件,可以讓用戶方便地在網站上創建選項卡。
使用這個插件非常簡單,只需要將contabs.js文件添加到你的網站中并在HTML標記中將你的內容包裹在特定的HTML元素中就行了。在使用過程中,你可以自定義選項卡的外觀和行為。
<link rel="stylesheet" href="contabs.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="contabs.js"></script> <div class="contabs"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">Tab1</a></li> <li><a href="#tab2" data-toggle="tab">Tab2</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab1"> <p>這是選項卡1的內容</p> </div> <div class="tab-pane" id="tab2"> <p>這是選項卡2的內容</p> </div> </div> </div>
上述代碼塊展示了如何使用jQuery contabs.js創建兩個選項卡。具體來說,這個代碼塊包含一個class為“contabs”的元素,它會容納選項卡。該元素中包含了一個class為“nav nav-tabs”的元素,它用于展示選項卡的標題。對于每個選項卡,我們使用一個class為“tab-pane”的元素,它包含了選項卡的內容(在上面的示例中,是一段文字內容)。
總的來說,jQuery contabs.js是一個非常流行的選項卡插件,可以方便地為網站添加選項卡功能。如果你正在尋找一種簡單易用的方法來創建選項卡,那么這個插件是值得考慮的。