jquery滑块拖动验证插件使用

文章参考自：链接

1. 下载插件：链接

需要jq币，鉴于经常逛jQuery插件库，花了30大洋买了100jq币，发现开发还是挺费钱的，，，哈哈

2. 引入CSS到css文件夹： slide-unlock.css

3. 引入JS到js文件夹： jquery.slideunlock.js(当然jQuery库少不了的)

4. html页面引入路径(本人使用thymeleaf模板引擎)：

1)css:


2)js:

5. 引入样式

        

        >> 拖动滑块验证

6. js脚本

搞定

注意：

此插件直接使用可能不是很适合具体业务需求，可以根据自身需要修改slide-unlock.css样式文件，比如说将#slider中的margin: 100px auto;改成margin: 10px auto;这样margin值减小为10px，可能更适合