博客添加网页背景动画效果，跟随鼠标移动的线条

博客添加网页背景动画效果，跟随鼠标移动的线条

鼠标动效如下图

浏览网站看到一个鼠标动效，很想在自己的博客中添加，遂在网络中寻找该动效的代码，以下就是一些简单的部署操作，很好上手

如何实现？

设置方式是在博客的“管理-->设置”，然后在设置中的页脚HTML代码中添加

<script id="c_n_script" src="https://blog-static.cnblogs.com/files/hxun/canvas-nest.js" color="122,122,122" opacity="1" count="70" zindex="-2">
  if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
      //这里可以写移动端展示效果代码，本人没试过
  }
</script>

color：线条颜色，根据自己需要进行更改，默认(0,0,0)
pointColor：焦点颜色，根据自己需要进行更改，默认(0,0,0)
opacity：线条透明度（0~1），根据自己需要进行更改，默认0.5
count：线条总数量，默认150
zIndex：背景的z-index属性，默认为-1

效果展示

注意

博客鼠标动效（其他访客是没有鼠标动效）
亲测这篇文章中，鼠标动效是可以使用，设置后仅自己可以看到，其他访客是没有这个鼠标动效，然后就重新找到了另一篇文章进行设置，相比之前博主的文章简单明了hh

参考文章

博客鼠标动效
博客园之鼠标粒子吸附特效

完