Dreamweaver 鼠标经过图像怎么制作

2025-04-06 02:43:03

Dreamweaver怎么制作鼠标经过图像?网上很多图片鼠标经过的时候就变成了另一张图片,很好看的,下面我就来教大家用Dreamweaver CS6制作鼠标经过图像时变换成另一张图片。

工具/原料

Dreamweaver CS6

鼠标经过图片

Dreamweaver 鼠标经过图像怎么制作

1、双击打开桌面Dreamweaver CS6软件,如下图所示。

Dreamweaver 鼠标经过图像怎么制作

2、点击Dreamweaver CS6上的文件--->新建,如下图所示。

Dreamweaver 鼠标经过图像怎么制作

3、在新建文档窗口里,选择新建HTML页面,然后点击新建,如下图所示。

Dreamweaver 鼠标经过图像怎么制作

4、然后点击Dreamweaver CS6上的插入--->图像对象---->鼠标经过图像,如下图所示。

Dreamweaver 鼠标经过图像怎么制作

5、点击后,弹出插入鼠标经过图像对话框,点击浏览加入图片,如下图所示。

Dreamweaver 鼠标经过图像怎么制作

6、从电脑里选择需要的图片,如下图所示。

Dreamweaver 鼠标经过图像怎么制作

7、设置好原始图像后,按同样的方法来设置鼠标经过图像,设置好,然后点击确定,如下图所示。

Dreamweaver 鼠标经过图像怎么制作

8、两张图片都插入到了Dreamweaver CS6编辑器里,此时叠加在一起,只能看到一张图片,如下图所示。

Dreamweaver 鼠标经过图像怎么制作

9、保存后,按下F12进行预览,打开出现图画一,鼠标经过的时候出现图片二,如下图所示。

Dreamweaver 鼠标经过图像怎么制作
Dreamweaver 鼠标经过图像怎么制作
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢