jQuery手机图案九宫格密码锁设置代码

jQuery手机图案密码锁设置代码是一款仿手机九宫格密码解锁样式进行图案绘制特效。

js代码

<script src="script/jquery.raphael.gpwd.min.js"></script>
<script>
	$(function() {
		// 密码字典(3x3矩阵请提供长度为9的字典 4x4为16 以此类推)
		var dict = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'];
		// 初始化
		var gpwd = $.GPWD('content', function(arr) {
			var password = '';
			$.each(arr, function(i, v) {
				password += dict[v];
			});
			// 得到密码后可以进行自定义操作
			$('#password').text(password);
		}, {matrix: 4, mindig: 4});
		
		/*
		 * 控件使用
		 * $.GPWD(id, callback(arr), settting(可选));
		 * 
		 * 参数说明
		 * settting = {
		 *   matrix: num(矩阵大小),
		 *   mindig: num(最小连线数),
		 *   其他参数调整中(包括样式 颜色 线条粗线)
		 * }
		 * 
		 * 其他方法
		 * var gpwd = $.GPWD(...);
		 * gpwd.reset(); 重置手势密码
		 * gpwd.error(); 标识连线错误
		 * gpwd.unload() 卸载手势密码
		 */
	});
</script>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载