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

 时间:2024-09-22 06:52:25

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

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

工具/原料

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、红色效果。

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

PS图层的显示和隐藏 Axure制作:鼠标拖拽控件移动 flash遮罩动画的基本应用应付交差 Animate/FLASH如何快速绘制标准的表格 axure怎么统计多行文本框输入的文字数?
热门搜索
耽美动漫在线观看 水晶鞋图片 土钉墙图片 全黑的图片 双生灵探漫画