插件描述：jQuery拖拽滑块验证插件，仅适用PC端
使用方法
1.引入样式和脚步
<link rel="stylesheet" href="css/jquery.slider.css" /> <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="js/jquery.slider.min.js"></script>
2.初始化插件
$("#slider2").slider({
width: 340, // width
height: 40, // height
sliderBg: "rgb(134, 134, 131)", // 滑块背景颜色
color: "#fff", // 文字颜色
fontSize: 14, // 文字大小
bgColor: "#33CC00", // 背景颜色
textMsg: "按住滑块，拖拽验证", // 提示文字
successMsg: "验证通过了哦", // 验证成功提示文字
successColor: "red", // 滑块验证成功提示文字颜色
time: 400, // 返回时间
callback: function(result) { // 回调函数，true(成功),false(失败)
$("#result2").text(result);
}
});
PREVIOUS:
NEXT:
相关插件-拖和放,验证
jquery div拖拽换位合并拆分（原创）
拖动div块，两个div距离足够近时合并，远一点时换位。右键点击已合并的div，可显示可选择拆分数组，点击要拆分的数据，即可拆分。再次右击已合并的div即可收起可选择的拆分数据组
拖和放
讨论这个项目（28）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
samueltech 0
2019/9/6 9:07:20
-
这个不错，学习一下，但看起来比较简单，请问一下大神，能不能实现象V5验证码或极限那样的滑块拖动效果 ，如何保证安全(象极验和V5验证码一样)
回复
不闻不问 0
2018/11/26 10:58:35
-
怎么支持手机滑动呢
hellolxc1
2018/11/26 11:51:52
-
http://www.jq22.com/jquery-info17462
不闻不问0
2018/11/26 13:23:25
-
谢谢
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
