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

 时间:2024-10-12 04:34:19

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

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

工具/原料

Adobe Dreamweaver

一、本地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、远程调用改变透明度和线条颜薄本窭煌色代码<script type="text/javascript" color="255,0,0" 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怎么统计多行文本框输入的文字数?
  • 热门搜索
    英语手抄报资料 简单漂亮元旦节手抄报 国庆手抄报简单又漂亮 六一儿童节手抄报大全 中秋节手抄报一等奖 欢度国庆手抄报简单 小学生爱国手抄报 数学手抄报图片四年级 清明节手抄报简单漂亮 春节手抄报图片大全简单又漂亮