国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

純JavaScript代碼實現移動設備繪圖解鎖

2019-11-20 11:27:50
字體:
來源:轉載
供稿:網友

移動手機設備上有一個屏幕解鎖的應用相信大家都不陌生,在移動設備上,用戶可以通過設置鎖定圖案作為密碼對設備用戶界面進行鎖定,鎖定界面如下圖所示。

效果圖如下所示


JavaScript Code

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

以上代碼也很簡單吧,純js代碼實現移動設備繪圖解鎖,當然這是核心代碼,其他的還需要小伙伴們根據自己的需求自行發揮。希望本文分享能給大家幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 微山县| 韩城市| 黄平县| 宣恩县| 洛隆县| 台前县| 建平县| 尼玛县| 锡林浩特市| 新野县| 水城县| 双江| 咸阳市| 洪湖市| 太仆寺旗| 阿拉善左旗| 佳木斯市| 大兴区| 南澳县| 南郑县| 芮城县| 邵阳市| 石屏县| 闸北区| 东光县| 湖南省| 如皋市| 汉沽区| 镇雄县| 江川县| 鹿泉市| 阳新县| 凉城县| 德令哈市| 石嘴山市| 广汉市| 北安市| 福海县| 安塞县| 武强县| 岱山县|