滑动拼图验证码

微信图片-20180827160719

一个滑动拼图验证码

上图为实现效果

实现思路:

有点懒,不想写了。。。。

实现功能:

1.滑动底部按钮使拼图至缺口处完成验证(弹窗隐藏);

2.验证成功,按钮状态改变为“√”,并显示用时;

3.验证失败时,按钮状态改变为“×”,并将按钮恢复至起点。

闲暇时做的一个小案例,用的方法不一定是最好的解决方法。

欢迎大家与我交流!

发表评论

以下作品你可能也喜欢:
1URR5D0Y2{2F44HU9TWI@[K
推荐

作品名称:Axure RP交互原型个人简历 作品类型:组件库、移动端 主要适用:PC端 软件版本:Axure 8.0 作品演示:http://cloud.axureshop.com/32XWXE 作品介绍:Bootstrap来自 Twitt…

售价:¥ 29.00 销量: 84 4924
登录
推荐

本项目是智慧楼宇管理类系统高保真原型设计(尺寸1920 x 1080),包括了对园区楼宇建筑内接入的各子系统的设备进行集中监控和管理,实现如下功能: 1、设备监控:智能照明系统、电梯系统、空调新风系统、送排风系统、给排水系统、变配电系统、防…

售价:¥ 39.90 销量: 138 10762
封面
推荐

内容 作品包含UML活动图(流程图)、泳道图、状态图、用例图、类图、时序图六类常用图表元件及示例图,可快速、便捷地在Axure中进行产品建模分析。作品可作为Axure Flow元件库的扩展补充,复杂系统建模分析建议使用专业的软件建模工具。 …

售价:¥ 5.00 销量: 742 10160
----720x360
推荐

相关原型: 单店版商城后台管理系统原型模板:https://www.axureshop.com/a/109667.html 单店版商城移动端高保真原型:https://www.axureshop.com/a/57618.html 产品通用商…

售价:¥ 59.00 销量: 18 2002
微信
推荐

作品信息 作品名称:【微信】Axure UE高保真交互原型 微信版本:Android V7.0.0 作品类型:实战案例 文件大小:23.7M 页面数量:63页 软件版本:Axure RP9 作品价格:¥49.00 更新记录 2019-9-5…

售价:¥ 49.00 销量: 65 6612