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

Dreamweaver 怎么做鼠标经过更换图片特效

时间:2024-10-26 21:22:44

Dreamweaver是常用的网页设计软件水貔藻疽,其中可以制作鼠标经过时图片更换的特效,那么怎么做呢,详看下文。

工具/原料

DreamweaverCS5

方法/步骤

1、首先准备2张图片,最后规格尺寸一样的,这样经过效果会更好看,如我准备了2张尺寸一样的图。用于变换。

Dreamweaver 怎么做鼠标经过更换图片特效

2、然后打开软件,在编辑的网页中选中要插入图片的位置,然后点击插入--图像对象--鼠标经过图像。

Dreamweaver 怎么做鼠标经过更换图片特效

3、点击原始图像的浏览框,选中图1,点击确定。

Dreamweaver 怎么做鼠标经过更换图片特效

4、再点击鼠标经过图像的浏览框,选中图2,点击确定。

Dreamweaver 怎么做鼠标经过更换图片特效

5、还可以更换文本以及点击时候的链接,这就根据需要设定了。

Dreamweaver 怎么做鼠标经过更换图片特效

6、添加完后,点击确定。

Dreamweaver 怎么做鼠标经过更换图片特效

7、这样,网页的鼠标经过图像变换效果已经完成,按F12进行预览。

Dreamweaver 怎么做鼠标经过更换图片特效

8、鼠标没经过前和经过时的对比,完成。

Dreamweaver 怎么做鼠标经过更换图片特效

Dreamweaver 怎么做鼠标经过更换图片特效

© 一点知识