特效介绍
网上像这种点击左滑开启右滑关闭的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”,这里有更详细的使用说明