jquery implementiert den Quellcode zum Entsperren von Gesten

韦小宝
Freigeben: 2017-11-18 10:17:06
Original
2251 Leute haben es durchsucht

Gesten-Entsperrung ist bei uns definitiv sehr verbreitet. Gesten-Entsperrung wird mit jquery implementiert.Haben Sie es schon einmal gesehen? Der Quellcode wird kostenlos bereitgestellt Oh~~Nimm es und studiere es~~

jquery implementiert den Quellcode zum Entsperren von Gesten

Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>PHP中文网</title>
</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>
Nach dem Login kopieren

Nehmen Sie es kostenlos und studieren Sie es! Weitere gute Quellcodes finden Sie auf der PHP-Chinese-Website. Folgen Sie uns, um einen guten Überblick zu erhalten~

Verwandte Empfehlungen:

CSS-Implementierung des sich bewegenden Katzengesichts

Native JS-Implementierung des Dropdown-Listenfelds

js Original-Sound-Implementierung Einfache WeChat-Chat-Funktion

Das obige ist der detaillierte Inhalt vonjquery implementiert den Quellcode zum Entsperren von Gesten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage