Rumah > hujung hadapan web > tutorial js > Kod JavaScript tulen untuk merealisasikan lukisan membuka kunci pada peranti mudah alih kemahiran javascript

Kod JavaScript tulen untuk merealisasikan lukisan membuka kunci pada peranti mudah alih kemahiran javascript

WBOY
Lepaskan: 2016-05-16 15:36:27
asal
1879 orang telah melayarinya

Terdapat aplikasi membuka kunci skrin pada peranti telefon mudah alih yang saya percaya semua orang sudah biasa pada peranti mudah alih, pengguna boleh mengunci antara muka pengguna peranti dengan menetapkan corak kunci sebagai kata laluan Antara muka kunci adalah seperti yang ditunjukkan dalam rajah di bawah.

Rendering ditunjukkan di bawah


Kod JavaScript

<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> 
Salin selepas log masuk

Kod di atas juga sangat mudah untuk membolehkan anda membuka kunci pada peranti mudah alih. Saya harap perkongsian artikel ini dapat membantu semua orang.

Label berkaitan:
js
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan