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

 时间:2024-10-12 00:47:44

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Dreamweaver 怎么做鼠标经过更换图片特效
Dreamweaver 怎么做鼠标经过更换图片特效
  • Dreamweaver怎么创建表格
  • 如何使用dreamweave cc给图片加热点链接?
  • Adobe Dreamweaver CC 2017 切换界面
  • Dw CC 2018怎么设置删除多余的结束标签
  • Dreamweaver日历的制作
  • 热门搜索
    新学期新气象手抄报内容 新学期手抄报内容简短 节俭手抄报 关于防控疫情的手抄报 新型冠状病毒手抄报图片 元宵节手抄报大全 父亲节手抄报图片 抗美援朝手抄报内容 六一手抄报简单又漂亮 植树节手抄报图片大全