为网页背景添加一个跟随鼠标变幻的动态线条
Posted 习惯沉淀
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为网页背景添加一个跟随鼠标变幻的动态线条相关的知识,希望对你有一定的参考价值。
一.效果图
二.使用方法
引用js文件即可, 例如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>canvas-nest</title> </head> <body> <script type="text/javascript" src="https://blog-static.cnblogs.com/files/yadongliang/canvas-nest.min.js"></script> <canvas height="926" width="1920" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.5;" id="c_n1"></canvas> </body> </html>
三.已上传至GitHub(戳我下载)
以上是关于为网页背景添加一个跟随鼠标变幻的动态线条的主要内容,如果未能解决你的问题,请参考以下文章