建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery九宫格自动锁屏插件fcode.js

来源:易助科技网浏览量:13收藏

简介

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


JQuery九宫格自动锁屏插件fcode.js-示例图


(下载的附件带有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