码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-04-06 18:50:35      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:javascrip   ado   1.0   code   blog   title   dong   .com   get   

一.效果图

技术图片

二.使用方法

引用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(戳我下载)

 

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

标签:javascrip   ado   1.0   code   blog   title   dong   .com   get   

原文地址:https://www.cnblogs.com/yadongliang/p/10662394.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!