fcode.js 自動鎖屏插件

fcode.js是什么？

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

會在設置的范圍里，判斷用戶有無操作，然后執行鎖屏的功能。

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

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

演示地址：http://fcphp.cn/fcode?? demo請在http方式下訪問

碼云地址：https://gitee.com/lovefc/fcode

GITHUB? :?https://github.com/lovefc/fcode

如何使用fcode？

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

因為是使用的九宮格，所以密碼就是對應著數字123456789，最上面一排從左到右代表1，2，3，中間代表4，5，6，最后一排代表7，8，9 所以相應的密碼也要如此設置

fcode的基本配置

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

<script type="text/javascript"> fcode.bgColor = '#FFF'; //背景顏色 fcode.fontColor = '#666';//圓環顏色 fcode.lineColor = "#333"; //連線的顏色 fcode.lineErrorColor = "#00a254";//連線錯誤顏色 fcode.lineSuceessColor = "#cc1c21";//連續正確顏色 fcode.Time = 10;//鎖屏的時間,單位s fcode.bgImage = 'images/time.jpg'; //設置背景圖片，優先于背景顏色 fcode.customHtml = 'lovefc';//定義九宮格解鎖上方的html內容 fcode.Start('123');//啟動運行</script>

這里重點介紹一下fcode.Start這個函數的設置，這個函數是啟動功能的，參數可以是密碼，md5加密的密碼，或者是一個api接口

1.普通密碼形式。

fcode.Start('123');//啟動運行

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

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

fcode.Start('202cb962ac59075b964b07152d234b70');//啟動運行

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

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

接口設計也是非常簡單，沒有什么復雜的地方，一看便知

<?php/* * 用來驗證鎖屏密碼 * author:lovefc*/$pwd = isset($_POST['pwd']) ? $_POST['pwd']:null;//獲取傳過來的密碼$time = isset($_POST['time']) ? (int) $_POST['time'] : 60;//獲取傳過來的時間if(!empty($pwd)){ //比對密碼,看看是否相等if($pwd==1235789){ //設置cookies,加上時間setcookie("fcode_status",'lovefc', time()+$time); //返會并輸出okdie('ok');}}

?

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

?

ps：本人原創的一款jquery插件！

轉載于:https://www.cnblogs.com/lovefc/p/fcode.html

總結

以上是生活随笔為你收集整理的fcode-页面九宫格自动锁屏jquery插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。