网页鼠标动态线条html5,为网页背景添加一个跟随鼠标变幻的动态线条

这是一个基于canvas绘制的网页背景效果。

特点:

1.不依赖任何框架或者内库，如不依赖 jQuery;

2.使用原生的 javascript，只有1.6 kb，如果开启 gzip，可以更小;

3.使用外链非常容易实现，配置简单，即使你不是web开发者，也能简单搞定。

4.JS文件已经存储在CDN上，可以直接使用，支持ssl协议外链，github的外链！

代码:

方法一：

引用代码

JS代码

!function(){function n(n,e,t){return n.getAttribute(e)||t}function e(n){return document.getElementsByTagName(n)}function t(){var t=e(“script”),o=t.length,i=t[o-1];return{l:o,z:n(i,“zIndex”,-1),o:n(i,“opacity”,.5),c:n(i,“color”,“0,0,0”),n:n(i,“count”,99)}}function o(){a=m.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,c=m.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight}function i(){r.clearRect(0,0,a,c);var n,e,t,o,m,l;s.forEach(function(i,x){for(i.x+=i.xa,i.y+&#