jQuery contabs.js是一種免費(fèi)的jQuery插件，可以讓用戶方便地在網(wǎng)站上創(chuàng)建選項(xiàng)卡。

使用這個(gè)插件非常簡(jiǎn)單，只需要將contabs.js文件添加到你的網(wǎng)站中并在HTML標(biāo)記中將你的內(nèi)容包裹在特定的HTML元素中就行了。在使用過(guò)程中，你可以自定義選項(xiàng)卡的外觀和行為。

<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>這是選項(xiàng)卡1的內(nèi)容</p>
</div>
<div class="tab-pane" id="tab2">
<p>這是選項(xiàng)卡2的內(nèi)容</p>
</div>
</div>
</div>

上述代碼塊展示了如何使用jQuery contabs.js創(chuàng)建兩個(gè)選項(xiàng)卡。具體來(lái)說(shuō)，這個(gè)代碼塊包含一個(gè)class為“contabs”的元素，它會(huì)容納選項(xiàng)卡。該元素中包含了一個(gè)class為“nav nav-tabs”的元素，它用于展示選項(xiàng)卡的標(biāo)題。對(duì)于每個(gè)選項(xiàng)卡，我們使用一個(gè)class為“tab-pane”的元素，它包含了選項(xiàng)卡的內(nèi)容（在上面的示例中，是一段文字內(nèi)容）。

總的來(lái)說(shuō)，jQuery contabs.js是一個(gè)非常流行的選項(xiàng)卡插件，可以方便地為網(wǎng)站添加選項(xiàng)卡功能。如果你正在尋找一種簡(jiǎn)單易用的方法來(lái)創(chuàng)建選項(xiàng)卡，那么這個(gè)插件是值得考慮的。