fcode-页面九宫格自动锁屏jquery插件
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插件相关推荐
- php 锁屏,fcode-页面九宫格自动锁屏js插件
fcode.js 自动锁屏插件 fcode.js是什么? fcode.js是一款web页面九宫格自动锁屏js插件,依赖于jquery, 会在设置的范围里,判断用户有无操作,然后执行锁屏的功能. 就一个 ...
- centos linux怎么关闭锁屏时间,【Centos】Centos7.5取消自动锁屏功能
00. 目录 @ 01. 问题描述 Centos7.5系统在用户闲置一段时间(默认为5分钟)后,会启动屏幕保护程序(默认的屏保为黑屏),并要求重新输入密码才能回到原来桌面.如果是管理员,建议开启自动锁 ...
- 苹果11怎样设置自动锁屏 iPhone11自动锁屏操作方法
不按锁屏按键iPhone11可以自动锁屏吗?苹果11自动锁屏在哪里设置? 苹果iPhone11自动锁屏操作方法如下: 进入苹果iPhone11的「设置」-「显示与亮度」菜单.点击「自动锁定」选项,可根 ...
- Android的自动锁屏、解锁
Android的自动锁屏.解锁 前言(容我吐槽一会儿-) 前一段时间做了一个大屏幕项目,有几个比较个性的需求,客户要求:定时自动锁屏.自动定时解锁.定时自动开关机,页面统一(同一时刻显示同一个页面)等 ...
- win7锁定计算机后断网,win7系统自动锁屏断网的解决方法
我们在操作win7系统电脑的时候,常常会遇到win7系统自动锁屏断网的困惑吧,一些朋友看过网上零散的win7系统自动锁屏断网的处理方法,并没有完完全全明白win7系统自动锁屏断网是如何解决的,今天小编 ...
- Linux系列:Ubuntu/fedora实用小技巧—禁止自动锁屏、设置免密码自动登录、免密码执行sudo操作...
首先声明:该文虽以Ubuntu 13.04为例,同样适用于Fedora 17(已测试),但在较低版本的Ubuntu下可能有所差异,具体看后面的注意事项. 技巧目录: 解决Ubuntu下每隔几分钟自动锁 ...
- 【Centos】Centos7.5取消自动锁屏功能
00. 目录 文章目录 00. 目录 01. 问题描述 02. 问题分析 03. 解决办法 04. 附录 01. 问题描述 Centos7.5系统在用户闲置一段时间(默认为5分钟)后,会启动屏幕保护程 ...
- Python实现过段时间计算机自动锁屏小程序
1.直接上代码: from ctypes import * import timeprint("是时候展示真正的技术了,哈哈哈") # 睡眠一段时间 time.sleep(10) ...
- xp系统设置锁定计算机,教你XP电脑中有效的设置自动锁屏的方法
XP的系统是一款经典的系统,我们可以在使用中根据自己的电脑多的特点来安装这些系统的,那在使用电脑功能自动锁屏的时候有小伙伴就操作的时候遇到了疑问,对于设置自动锁屏这个选项不知道怎么调整的情况,遇到这个 ...
最新文章
- python人工智能-Python和人工智能的关系,看完你就明白了!
- C语言经典例99-文件内容合并和排序
- 网友关于 S/4HANA里的Call List和E-mail集成的提问
- 用c语言程序编写一份试卷,C语言程序设计试题
- 应用框架的设计与实现学习手札系列(持续更新)
- mx250显卡天梯图_笔记本电脑显卡分析(天梯图)
- gmat模考_国外GMAT高分学霸们都在用什么复习资料?(模考篇)
- 微软物联网平台再推新!
- 什么是FLV视频格式?FLV视频格式是什么意思?
- SKNode的子类和常用的Action
- java Process在windows的使用汇总(转)
- html读取本地json数据库,用Javascript读取本地JSON到HTML
- MySQL详细安装教程
- MySql字符串拼接
- GAN网络的详细内容
- 物联网的未来是什么样的
- WIN SERVER 2008安装VS2015踩坑小结
- Linux容器的安装链接
- 霍夫变换c语言程序,霍夫变换 | Cauthy's Blog
- 玩转iOSARkit以及3D模型