插件描述：jQuery拖拽滑块验证插件，仅适用PC端
使用方法
1.引入样式和脚步
1 2 3 | <link rel="stylesheet" href="css/jquery.slider.css" /><script src="js/jquery.slider.min.js"></script> |
2.初始化插件
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | $("#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); }}); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 视觉滚动差效果
- 下一个特效： FitText.js一款使文字填充式自适应的JQ插件