canvas-nest.js是一个比较炫酷的背景插件,使用方法也很简单,现在也有很多网站添加了这个背景特效。

效果如下

利用js代码做出网页背景鼠标点线窝巢特效 网页点线连接代码 canvas-nest.js

我们只需要将插件的js文件引进来就可以了。但是只能放入body标签中,放在head标签中不会生效。

canvas-nest.js还有有一些自定义的参数,我们可以稍作修改,变成自己喜欢的风格:

color="232,82,32" 背景粒子线的颜色值,对应R(红色)、G(绿色)、B(蓝色)三原色,自己调

opacity="0.5" 背景粒子线的透明度,一般设置成0.5-1之间

count="99" 背景粒子线的密度,粒子线太多会造成卡死,适当即可

在网页body标签中加入如下代码(推荐放在footer文件中)

<script type="text/javascript" color="232,82,62" opacity="0.5" count="99" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js"></script>

你可以直接使用上面的代码,也可以将js代码下载到自己的服务器上,直接调用自己服务器上面的js文件

下载方式

第一种:https://github.com/hustcc/canvas-nest.js

第二种:https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js (推荐)

大小 : 4 KB |  下载量 : 6 次 |  文件类型 : 文本文件