实现图片滑动解锁

图片滑动解锁

介绍

实现图片滑动解锁_第1张图片

滑动解锁作为一种较新的验证方式,以其方便快捷简单的特点,迅速成为目前较为流行的验证方式;而图片滑动解锁比滑动解锁更加高效安全,成为现代最为流行的用户验证方式

实现图片滑动解锁_第2张图片

本组件基于 ArronYR / slideunlock-plugin (github) 滑动解锁组件;进行升级开发,实现了图片滑动解锁的核心功能

实现图片滑动解锁_第3张图片

主要技术点

  1. 图片的绘制(code.php)
  2. 小滑块的滑动,停止报送滑块位置(slideunlock.js)
  3. 滑动位置检测,登录状态记录(verify.php)

实现图片滑动解锁_第4张图片

文件地址

github

演示地址

点击

你可能感兴趣的:(javascript,php)