jquery完成手勢(shì)解鎖源碼
發(fā)表時(shí)間：2023-12-27 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]手勢(shì)解鎖對(duì)于我們來(lái)說(shuō)肯定是很常見(jiàn)的，用jquery實(shí)現(xiàn)的手勢(shì)解鎖見(jiàn)過(guò)嘛~免費(fèi)提供源碼哦~~拿去研究吧~~代碼：<!DOCTYPE html><html><head><meta charset="UTF-8"><title&g...
手勢(shì)解鎖對(duì)于我們來(lái)說(shuō)肯定是很常見(jiàn)的，用
jquery實(shí)現(xiàn)的
手勢(shì)解鎖見(jiàn)過(guò)嘛~免費(fèi)提供
源碼哦~~拿去研究吧~~
代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PHP中文網(wǎng)</title>
</head>
<body>
正確的密碼是一個(gè)字母“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, //大圓點(diǎn)的半徑
pointRadii:6, //大圓點(diǎn)被選中時(shí)顯示的圓心的半徑
space:30, //大圓點(diǎn)之間的間隙
width:240, //整個(gè)組件的寬度
height:240, //整個(gè)組件的高度
lineColor:"#00aec7", //用戶(hù)劃出線(xiàn)條的顏色
zindex :100 //整個(gè)組件的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(){
//密碼驗(yàn)證正確后的其他操作，打開(kāi)新的頁(yè)面等。。。
alert("密碼正確！")
},500); //延遲半秒以照顧視覺(jué)效果
}
else{
$("#gesturepwd").trigger("passwdWrong");
//密碼驗(yàn)證錯(cuò)誤后的其他操作。。。
}
});
</script>
</html>免費(fèi)拿去研究吧！更多好的源碼盡在PHP中文網(wǎng)，關(guān)注我們給你好看哦~
相關(guān)推薦：
css實(shí)現(xiàn)會(huì)動(dòng)的貓臉
原生js實(shí)現(xiàn)下拉列表框
js原聲實(shí)現(xiàn)簡(jiǎn)單的微信聊天功能
以上就是jquery實(shí)現(xiàn)手勢(shì)解鎖源碼的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
