bootstrap-switch：非常有质感的开关按钮

推荐指数：★★★★

使用难度：☆

适用范围：个人设置、功能选择以及各种需要切换状态的地方

GitHub数据：

非常简单的一个小插件，能达到这个Star数很不错了。都是基于bootstrap开发的系列插件，风格上很统一。

不过，麻雀虽小五脏俱全。这个插件不仅可以修改大小、颜色和文字，还提供了完整的API，甚至可以绑定事件！老外做事确实很严谨。

一句话讲解原理：在bootstrap的基础上实现一个切换按钮。

效果截图：

缺点：

bootstrap系列风格，虽然很不错，但是想应用到自己的网站中的话可能需要一些修改。

一段代码教程：

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

input标签是按钮，下面的js是通过插件生成切换按钮。

大家有觉得不错的库一定要推荐给我哦~共同进步！

bootstrap-switch地址

欢迎扫描二维码关注我的微信号“GitHub不完全装B指南”，获取最新文章。

谢谢~