全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
效果图：
代码如下：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!--<link rel="stylesheet" href="../dist/css/danmuplayer.css" rel="external nofollow" >-->
</head>
<body>
正确的密码是一个字母“Z”的形状哦！
<div id="gesturepwd"></div>
</body>
<script src="http://www.jq22.com/demo/jQueryGesturePassword20161102/jquery-2.1.4.min.js"></script>
<script src="http://www.jq22.com/demo/jQueryGesturePassword20161102/src/jquery.gesture.password.js"></script>
<!--<script src="../dist/js/danmuplayer.min.js"></script>-->
<script>
$("#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");
//密码验证错误后的其他操作。。。
}
});
</script>
</html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！
# jquery
# 手势密码
# 手势密码插件
# jquery手势插件
# jQuery实现手势解锁密码特效
# 圆点
# 是一个
# 背景色
# 开新
# danmuplayer
# nofollow
# external
# stylesheet
# rel
# href
# css
# dist
# body
# http
# src
# www
# script
# div
# demo
# gesturepwd
相关文章：
javascript基本数据类型及类型检测常用方法小结
如何设计高效校园网站？
javascript中对象的定义、使用以及对象和原型链操作小结
做企业网站制作流程,企业网站制作基本流程有哪些？
如何规划企业建站流程的关键步骤？
如何选择建站程序？包含哪些必备功能与类型？
巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成
建站之星如何优化SEO以实现高效排名？
5种Android数据存储方式汇总
建站主机选购指南：核心配置与性价比推荐解析
相册网站制作软件,图片上的网址怎么复制？
建站之星如何取消后台验证码生成？
洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？
广德云建站网站建设方案与建站流程优化指南
建站之星ASP如何实现CMS高效搭建与安全管理？
美食网站链接制作教程视频,哪个教做美食的网站比较专业点？
Swift中switch语句区间和元组模式匹配
车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？
网站制作公司排行榜,抖音怎样做个人官方网站
历史网站制作软件,华为如何找回被删除的网站？
*服务器网站为何频现安全漏洞？
平台云上自主建站：模板化设计与智能工具打造高效网站
大连网站制作公司哪家好一点,大连买房网站哪个好？
b2c电商网站制作流程,b2c水平综合的电商平台？
如何选择香港主机高效搭建外贸独立站？
c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗
邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？
定制建站模板如何实现SEO优化与智能系统配置？18字教程
中山网站制作网页,中山新生登记系统登记流程？
h5网站制作工具有哪些,h5页面制作工具有哪些？
如何在IIS中新建站点并配置端口与IP地址？
网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？
香港服务器选型指南：免备案配置与高效建站方案解析
一键网站制作软件,义乌购一件代发流程？
如何选择适合PHP云建站的开源框架？
c# await 一个已经完成的Task会发生什么
宝塔新建站点报错如何解决？
TestNG的testng.xml配置文件怎么写
南平网站制作公司,2025年南平市事业单位报名时间？
网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？
如何在七牛云存储上搭建网站并设置自定义域名？
网站制作费用多少钱,一个网站的运营，需要哪些费用？
制作网站的过程怎么写,用凡科建站如何制作自己的网站？
长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？
音响网站制作视频教程,隆霸音响官方网站？
天津个人网站制作公司,天津网约车驾驶员从业资格证官网？
陕西网站制作公司有哪些,陕西凌云电器有限公司官网？
大连 网站制作,大连天途有线官网？
广平建站公司哪家专业可靠？如何选择？
如何快速生成专业多端适配建站电话？
*请认真填写需求信息，我们会在24小时内与您取得联系。
