首页>>Jquery文字>>移动设备绘图解锁(2015-10-15)

移动设备绘图解锁

移动设备绘图解锁
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script>  
  2.   $("#gesturepwd").GesturePasswd({  
  3. backgroundColor:"#2980B9",  //背景色  
  4. color:"#FFFFFF",   //主要的控件颜色  
  5. roundRadii:50,    //大圆点的半径  
  6. pointRadii:12, //大圆点被选中时显示的圆心的半径  
  7. space:60,  //大圆点之间的间隙  
  8. width:480,   //整个组件的宽度  
  9. height:480,  //整个组件的高度  
  10. lineColor:"#ECF0F1",   //用户划出线条的颜色  
  11. zindex :100  //整个组件的css z-index属性  
  12. });  
  13.   $("#gesturepwd").on("hasPasswd",function(e,passwd){  
  14.     var result;  
  15.   
  16.  if(passwd == "1235789"){  
  17.   
  18.    result=true;  
  19.  }  
  20.    else {  
  21.      result=false;  
  22.    }  
  23.   
  24.   
  25.   
  26.     if(result == true){  
  27.       $("#gesturepwd").trigger("passwdRight");  
  28.       setTimeout(function(){  
  29.   
  30.         //密码验证正确后的其他操作，打开新的页面等。。。  
  31.         alert("Pattern is correct")  
  32.       },500);  //延迟半秒以照顾视觉效果  
  33.     }  
  34.     else{  
  35.       $("#gesturepwd").trigger("passwdWrong");  
  36.   
  37.       //密码验证错误后的其他操作。。。  
  38.   
  39.     }  
  40.   });  
  41.   
  42.   
  43. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_513.html