fcode.js九宮格自動(dòng)鎖屏 jQuery 插件

fcode.js 自動(dòng)鎖屏插件

fcode.js是什么？

fcode.js是一款web頁面九宮格自動(dòng)鎖屏js插件，依賴于jquery，

會(huì)在設(shè)置的范圍里，判斷用戶有無操作，然后執(zhí)行鎖屏的功能。

就一個(gè)js文件，配置簡單，操作方便，可以鎖住任何頁面，還支持在手機(jī)端的鎖屏。

此外，還支持更新密碼，或者用來登錄，都有相關(guān)的說明，特別簡單，相信您看一下，就會(huì)明白！

演示地址：http://fcphp.cn/fcode   demo請(qǐng)?jiān)趆ttp方式下訪問

如何使用fcode？

  <script src="js/jquery.min.js"></script>
  
  <script src="js/fcode.min.js"></script>
  
  <script type="text/javascript">
      fcode.Start(123);
  </script>

因?yàn)槭鞘褂玫木艑m格，所以密碼就是對(duì)應(yīng)著數(shù)字123456789，最上面一排從左到右代表1，2，3，中間代表4，5，6，最后一排代表7，8，9 所以相應(yīng)的密碼也要如此設(shè)置

fcode的基本配置

fcode.js的基本配置非常簡單，一看便知，便不多做介紹

   <script type="text/javascript">

        fcode.bgColor = '#FFF'; //背景顏色

        fcode.fontColor = '#666';//圓環(huán)顏色

        fcode.lineColor = "#333"; //連線的顏色

        fcode.lineErrorColor = "#00a254";//連線錯(cuò)誤顏色

        fcode.lineSuceessColor = "#cc1c21";//連續(xù)正確顏色

        fcode.Time = 10;//鎖屏的時(shí)間,單位s

        fcode.bgImage = 'images/time.jpg'; //設(shè)置背景圖片，優(yōu)先于背景顏色

        fcode.customHtml = 'lovefc';//定義九宮格解鎖上方的html內(nèi)容
        
        fcode.Start('123');//啟動(dòng)運(yùn)行
    </script>

這里重點(diǎn)介紹一下fcode.Start這個(gè)函數(shù)的設(shè)置，這個(gè)函數(shù)是啟動(dòng)功能的，參數(shù)可以是密碼，md5加密的密碼，或者是一個(gè)api接口

1.普通密碼形式。

 fcode.Start('123');//啟動(dòng)運(yùn)行

這種方式，就是代表第一排滑動(dòng)解鎖，簡單方便，缺點(diǎn)是能看到源碼（雖然我已經(jīng)屏蔽了源碼查看，f12，右鍵查看的功能）

2.md5加密形式，其實(shí)就是把上面的123md5加密一下，是小寫的md5 32位加密方式，可以隨便找個(gè)工具加密一下就行了，比如用這個(gè)，http://tool.chinaz.com/tools/md5.aspx 這種方式安全多了，而且可以免去配置api接口，不需要額外的腳本就能運(yùn)行

 fcode.Start('202cb962ac59075b964b07152d234b70');//啟動(dòng)運(yùn)行

3.第三種方式就是api接口形式的了，目前只提供了php的接口參考（本人做php的），地址一定要填寫完整的接口地址，例如 http://127.0.0.1/status.php

fcode.Start('http://127.0.0.1/status.php');

接口設(shè)計(jì)也是非常簡單，沒有什么復(fù)雜的地方，一看便知

  <?php
   /* 
    * 用來驗(yàn)證鎖屏密碼 
    * author:lovefc
    */
 
   $pwd = isset($_POST['pwd']) ? $_POST['pwd']:null;//獲取傳過來的密碼

   $time = isset($_POST['time']) ? (int) $_POST['time'] : 60;//獲取傳過來的時(shí)間

  if(!empty($pwd)){
	  //比對(duì)密碼,看看是否相等
	  if($pwd==1235789){
		  //設(shè)置cookies,加上時(shí)間
          setcookie("fcode_status",'lovefc', time()+$time);
		  //返會(huì)并輸出ok
	      die('ok');
	  }
  }

4.兼容性說明,測試支持ie10,ie11，火狐,谷歌!

作者吐槽

不足之處 歡迎反饋

QQ:1102952084