本文作者:溪风博客

canvas-nest一款很有范的网站背景鼠标点线窝巢特效

溪风博客 2017-01-22 10257 抢沙发
canvas-nest一款很有范的网站背景鼠标点线窝巢特效摘要: 今天偶得一超炫的网站背景特效代码,点线随鼠标移动聚集和散开,呈现窝巢状非常的好看同时实现起来有非常的简单,在这里分享收藏供博友及自己后续开发网站使用。特性: 不依赖于任何框架或...

今天偶得一超炫的网站背景特效代码,点线随鼠标移动聚集和散开,呈现窝巢状非常的好看同时实现起来有非常的简单,在这里分享收藏供博友及自己后续开发网站使用。

canvas-nest一款很有范的网站背景鼠标点线窝巢特效  canvas-nest canvas 鼠标特效 网站特效 背景特效 网站代码 第1张

特性

不依赖于任何框架或者库,使用原生js编写。

非常轻量级,只有1.59kb(50行代码左右),如果开启gzip更小了。

使用起来非常简单,即使你不是web开发者,用起来也没有问题。

使用方法

将下面的代码插入到网页的之间,最好是在前面:

<html>

	<head>

	        ...

	</head>

	<body>

	        ...

	        ...

	        ...

	        <script type="text/javascript" src="canvas-nest.min.js"></script>

	</body>
</html>

同样我们可以下载这个js文件放到自己的服务器,也可以使用bootstrap提供的CDN加速来直接调用,直接复制下面的代码放到网页的头部head或者尾部footer即可。

<script src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>


文章版权及转载声明

作者:溪风博客本文地址:https://xifengboke.com/post/75.html发布于 2017-01-22
文章转载或复制请以超链接形式并注明出处溪风博客-专业SolidWorks学习网站

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

验证码

评论列表 (暂无评论,10257人围观)参与讨论

还没有评论,来说两句吧...