typecho插件:DynamicLines华丽特效背景插件

插件介绍

这是一个基于 html5 canvas 的背景特效插件,效果大家应该都看过,见下图,激活插件后台设置即可,注意:插件文件夹必须命名为 DynamicLines 再上传。

一个基于 html5 canvas 绘制的网页背景效果的typecho插件。 说明:本插件部分js代码来自github 可以在网页上绘制出蛛网般的动态线条,随鼠标移动聚合

你可能感兴趣的typecho特效插件

typecho插件:Snowstorm博客整站飘雪花特效插件

typecho插件:Uptime显示网站运营时间

插件特性

  • 不依赖 jQuery,使用原生的 javascript。
  • 非常小,只有 2 Kb。
  • 非常容易实现,配置简单,即使你不是 web 开发者,也能简单搞定。

使用方法

  • 将该插件上传到typecho目录下的usr/plugins目录下
  • 启用插件
  • 自定义选项
  • 线条颜色是RGB值。红色是255,0,0 绿色是0,255,0 蓝色是0,0,255 默认是蓝色
  • 线条数量即为屏幕上的线条数,不宜过大。
  • 线条透明度建议为0.5~1
  • zindex 是显示优先级,如果值较低,则有可能被其他元素遮盖住。所以建议填写100,这样即可在所有元素上显示。

更新记录

2018-07-15

  • 插件完成。主体功能完成。

2018-08-20更新

  • 添加zindex选项,用户可以自己调节特效的显示优先级。
  • 修复js文件路径bug

插件演示






文件名称:DynamicLines

文件大小:6KB

作者信息:长江

点击下载