推荐指数:★★★★
使用难度:☆
适用范围:个人设置、功能选择以及各种需要切换状态的地方
GitHub数据:
非常简单的一个小插件,能达到这个Star数很不错了。都是基于bootstrap开发的系列插件,风格上很统一。
不过,麻雀虽小五脏俱全。这个插件不仅可以修改大小、颜色和文字,还提供了完整的API,甚至可以绑定事件!老外做事确实很严谨。
一句话讲解原理:在bootstrap的基础上实现一个切换按钮。
效果截图:
缺点:
bootstrap系列风格,虽然很不错,但是想应用到自己的网站中的话可能需要一些修改。
一段代码教程:
<input type="checkbox" name="my-checkbox" checked> $("[name='my-checkbox']").bootstrapSwitch();
input标签是按钮,下面的js是通过插件生成切换按钮。
大家有觉得不错的库一定要推荐给我哦~共同进步!
欢迎扫描二维码关注我的微信号“GitHub不完全装B指南”,获取最新文章。
谢谢~