养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

网页动态背景——随鼠标变换的动态线条怎么弄

时间:2024-11-11 18:41:50

网页动态背景——随鼠标变换的动态线条怎么弄?

网页动态背景——随鼠标变换的动态线条怎么弄

工具/原料

AdobeDreamweaver

一、本地js调用

1、打开Dreamweaver,新建一个文档。

网页动态背景——随鼠标变换的动态线条怎么弄

2、在新建文档窗口中页面类型选择“JavaScript”。

网页动态背景——随鼠标变换的动态线条怎么弄

3、复制js代码到新建的文档中。

网页动态背景——随鼠标变换的动态线条怎么弄

4、保存js文档。最好是在页面根目录下新建一个js文件夹,再把这个js文件保存在其下面。

网页动态背景——随鼠标变换的动态线条怎么弄

5、在页面的源代码<body></body>之间引用js,最好鋈守踬痊是在</body>前引用,如图。然后点击“浏览”定位js文件。

网页动态背景——随鼠标变换的动态线条怎么弄

6、找到刚才新建的js,按确定。

网页动态背景——随鼠标变换的动态线条怎么弄

7、正确引用js的代码。

网页动态背景——随鼠标变换的动态线条怎么弄

二、在页面源代码中直接引用

1、</body>标签前加一个<script></s罕铞泱殳cript>js标签,再在js标签中复制代码。

网页动态背景——随鼠标变换的动态线条怎么弄

网页动态背景——随鼠标变换的动态线条怎么弄

三、远程调用效果js文件

1、</body>标签前加直接引用互联网上的js代码。

网页动态背景——随鼠标变换的动态线条怎么弄

四、改变透明度和线条颜色

1、在本引用的js或直接引用的js代码中找到图中代码。

网页动态背景——随鼠标变换的动态线条怎么弄

2、把透明度改为0.7,颜色改为红色。如图。

网页动态背景——随鼠标变换的动态线条怎么弄

3、远程调用改变透明度和线条颜薄本窭煌色代码<scripttype="text/javascript"color="255,0,0&quo墉掠载牿t;opacity='0.7'zIndex="-2"count="99"src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>

网页动态背景——随鼠标变换的动态线条怎么弄

4、红色效果。

网页动态背景——随鼠标变换的动态线条怎么弄

© 一点知识