在之前使用hexo主题icarus的时候就配置过背景的动态漂浮彩带,很好看也很华丽,但是那个js文件找不到了,于是我就在网上找到了一份源码,分享给大家。

使用方式

解压

解压之后将ribbon.js上传到你的云存储或是你的域名静态资源目录下。

这里我上传到了我的u-file云存储

html5-canvas全屏彩带飘动背景动画特效

[scode type="yellow"]也可以直接上传到您的网站根目录下[/scode]

引用

这里以handsome主题为例,放在自定义js内容中

<script type="text/javascript" size="90" alpha="0.5" zIndex="0" src="//这里是存放js文件的域名地址/ribbon.js"></script>

html5-canvas全屏彩带飘动背景动画特效
[scode type="yellow"]也可以将这段代码复制到网站head中或者是</body>标签前[/scode]

文件下载

[hide]

点击下载

[/hide]