欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

純JavaScript代碼實(shí)現(xiàn)移動(dòng)設(shè)備繪圖解鎖

 更新時(shí)間：2015年10月16日 09:59:11   投稿：mrr  
為了個(gè)人信息的安全起見，移動(dòng)設(shè)備上都有個(gè)繪圖解鎖，使用起來非常簡(jiǎn)單，代碼是怎么實(shí)現(xiàn)的呢？下面小編給大家介紹js實(shí)現(xiàn)移動(dòng)設(shè)備繪圖解鎖，需要的朋友可以參考下

移動(dòng)手機(jī)設(shè)備上有一個(gè)屏幕解鎖的應(yīng)用相信大家都不陌生，在移動(dòng)設(shè)備上，用戶可以通過設(shè)置鎖定圖案作為密碼對(duì)設(shè)備用戶界面進(jìn)行鎖定，鎖定界面如下圖所示。

效果圖如下所示


JavaScript Code

<script> 
 $("#gesturepwd").GesturePasswd({ 
backgroundColor:"#2980B9", //背景色 
color:"#FFFFFF",  //主要的控件顏色 
roundRadii:50,  //大圓點(diǎn)的半徑 
pointRadii:12, //大圓點(diǎn)被選中時(shí)顯示的圓心的半徑 
space:60, //大圓點(diǎn)之間的間隙 
width:480,  //整個(gè)組件的寬度 
height:480, //整個(gè)組件的高度 
lineColor:"#ECF0F1",  //用戶劃出線條的顏色 
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)證正確后的其他操作，打開新的頁面等。。。 
    alert("Pattern is correct") 
   },500); //延遲半秒以照顧視覺效果 
  } 
  else{ 
   $("#gesturepwd").trigger("passwdWrong"); 
   //密碼驗(yàn)證錯(cuò)誤后的其他操作。。。 
  } 
 }); 
</script>

以上代碼也很簡(jiǎn)單吧，純js代碼實(shí)現(xiàn)移動(dòng)設(shè)備繪圖解鎖，當(dāng)然這是核心代碼，其他的還需要小伙伴們根據(jù)自己的需求自行發(fā)揮。希望本文分享能給大家?guī)椭?/p>

相關(guān)文章

最新評(píng)論