推薦指數(shù)：★★★★

使用難度：☆

適用范圍：個(gè)人設(shè)置、功能選擇以及各種需要切換狀態(tài)的地方

GitHub數(shù)據(jù)：

非常簡單的一個(gè)小插件，能達(dá)到這個(gè)Star數(shù)很不錯(cuò)了。都是基于bootstrap開發(fā)的系列插件，風(fēng)格上很統(tǒng)一。

不過，麻雀雖小五臟俱全。這個(gè)插件不僅可以修改大小、顏色和文字，還提供了完整的API，甚至可以綁定事件！老外做事確實(shí)很嚴(yán)謹(jǐn)。

一句話講解原理：在bootstrap的基礎(chǔ)上實(shí)現(xiàn)一個(gè)切換按鈕。

效果截圖：

缺點(diǎn)：

bootstrap系列風(fēng)格，雖然很不錯(cuò)，但是想應(yīng)用到自己的網(wǎng)站中的話可能需要一些修改。

一段代碼教程：

    <input type="checkbox" name="my-checkbox" checked>
    $("[name='my-checkbox']").bootstrapSwitch();

input標(biāo)簽是按鈕，下面的js是通過插件生成切換按鈕。

大家有覺得不錯(cuò)的庫一定要推薦給我哦~共同進(jìn)步！

bootstrap-switch地址

歡迎掃描二維碼關(guān)注我的微信號“GitHub不完全裝B指南”，獲取最新文章。

謝謝~