首页 > 特效插件 > 表单按钮 >  Bootstrap Switch 开关控制插件正文

Bootstrap Switch 开关控制插件

特效介绍
Bootstrap switch.js 开关插件 api

    网上像这种点击左滑开启右滑关闭的swtich开关插件很多,jQuery在ui方面做得非常足,插件非常多,类似这种的也有,而且效果也不错。今天推荐的这款Bootstrap Switch 开关控制插件就是其中比较不错的开关插件,点击文章下面的“预览按钮”可以查看效果。
使用方法
1、引用jQuery、Bootstrap和Bootstrap Switch CSS加JavaScript:
<link href="bootstrap.css" rel="stylesheet">
<link href="bootstrap-switch.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="bootstrap-switch.js"></script>
2、添加复选框:
<input type="checkbox" name="my-checkbox" checked>
3、初始化Bootstrap Switch CSS:
$("[name='my-checkbox']").bootstrapSwitch();
4、查看“Bootstrap switch.js 开关插件 api”,这里有更详细的使用说明