html5手机wap手势密码确认代码

html5手机wap手势密码确认代码插图

不需要依赖其他插件的自适应手机屏幕的手势滑动插件,滑动两次确认手机密码。压缩包里有2款手势皮肤:浅蓝色和深蓝色

自定义手势皮肤

var gp = new GesturePassword(‘password’,{
circle: {
sizeScale: 0.9,
default: {
strokeStyle: ‘#D5DBE8’
}/*,
wrong:{
strokeStyle:’#D90106′
},
right:{
strokeStyle:’#21864C’
}
*/


},
line: {
    lineWidth: 3,
    default: {
        strokeStyle: '#50A2E9'
    }/*,
    wrong:{
        strokeStyle:'#D90106'
    },
    right:{
        strokeStyle:'#21864C'
    }
    */
},
dot: {
    size: 8,
    default: {
        fillStyle: '#50A2E9'
    }/*,
    wrong:{
        fillStyle:'#D90106'
    },
    right:{
        fillStyle:'#21864C'
    }
    */
}
}

});
config配置的circle对应空心圆,line对应手指滑动时候那条线,dot对应园中心那个实心点。

手机的手势密码从上到下,从左到右依次是数字1-9。

说明: 本站大部分资源来源于用户上传和网络收集,版权归原作者所有,如果您是原作者,如果本站损害了您的利益,请邮件联系我们删除! 本站资源仅作为学习及测试用,下载后请在24小时之内删除,请勿用于商业或其他非法用途,否则由此引发的法律纠纷及连带责任本站概不承担,商用请支持正版授权! 站长QQ:2604620834
每日源码 » html5手机wap手势密码确认代码
0 0 vote
Article Rating
Subscribe
提醒
guest
0 评论
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x