做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery九宫格自动锁屏插件fcode.js
来源:易助科技网浏览量:4收藏

简介

fcode.js 是一款 web 页面九宫格自动锁屏 js 插件,依赖于 jquery,会在设置的范围里,判断用户有无操作,然后执行锁屏的功能。

 


(下载的附件带有DEMO)


使用

1.  引入文件

<script src="js/jquery.min.js"></script>
<script src="js/fcode.min.js"></script>


2.  使用

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

code.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>


相关链接

GitHub 地址 :https://github.com/lovefc/fcode

Gitee 地址 :https://gitee.com/lovefc/fcode