jquery 手势密码插件

所属分类：输入-密码

35362 405 查看评论 (35)

分享到微信朋友圈

查看演示立即下载

插件描述：类似微信的手势密码解锁

基本配置

$("#gesturepwd").GesturePasswd({
	backgroundColor: "#252736",
	//背景色
	color: "#FFFFFF",
	//主要的控件颜色
	roundRadii: 25,
	//大圆点的半径
	pointRadii: 6,
	//大圆点被选中时显示的圆心的半径
	space: 30,
	//大圆点之间的间隙
	width: 240,
	//整个组件的宽度
	height: 240,
	//整个组件的高度
	lineColor: "#00aec7",
	//用户划出线条的颜色
	zindex: 100 //整个组件的css z-index属性
});

密码解锁使用数字，数字对应路线

$("#gesturepwd").on("hasPasswd",
function(e, passwd) {
	var result;
	if (passwd == "1235789") {
		result = true;
	} else {
		result = false;
	}
	if (result == true) {
		$("#gesturepwd").trigger("passwdRight");
		setTimeout(function() {
			//密码验证正确后的其他操作，打开新的页面等。。。
			alert("密码正确！")
		},
		500); //延迟半秒以照顾视觉效果
	} else {
		$("#gesturepwd").trigger("passwdWrong");
		//密码验证错误后的其他操作。。。
	}
});

Jui 前端开发框架

jQuery多级列表树插件bootstrap-treeview