素材牛VIP会员

jQuery屏幕解锁插件patternLock.js

 所属分类:网页特效-滑块和旋转,独立部件

 浏览:327次-  下载:2次-  评论:7次-  更新时间:2019-04-11
jQuery屏幕解锁插件patternLock.js兼容IE9
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:屏幕解锁基于HTML,jQuery和CSS,模拟混合应用程序设计。

详细介绍

使用说明

解锁原理,如果要设置自己的解锁密码请按如下方式

将patternLock九宫格的九个区域类比成1-9这九个数字,当你依次点击滑动连接1-5-9对应区域,则意味着得到的匹配字串即为“159”,再将其与随机生成的标准答案字串对比即得结果。

1  2  3

4  5  6

7  8  9

在代码中查找pattern.checkForPattern("1235789", function()

根据数字1235789连线所得到的图案为Z字型,您可根据所需进行修改。

文件目录结构

  • css
    • ┝ animate.min.css
    • ┝ pattern-lock.min.css
    • ┝ style.css
  • img
    • ┝ bg.png
    • ┝ t.png
  • ┝ index.html
  • js
    • ┝ index.js

讨论这个素材(7)回答他人问题或分享使用心得会奖励牛币

co***er  
2019年04月12日

jquery 爱好者可以研究研究!

回复
从***慢  
2019年04月23日

挺高端的

回复
al***ng  
2019年05月14日

看上去不错

回复
旅***头  
2019年05月24日

看着不错啊

回复
似***华  
2019年05月26日

围观

回复
ji***19  
2019年06月13日
ka***88  
2019年06月26日

看上去挺高端的

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:2
所需牛币:15 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)