手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Dreamweaver:[41]网页制作中如何设置交换图像

时间:2024-10-16 11:05:51

1、设置表格的背景颜色,并在该表格中插入两行一列的表格,并调整好各个表格的宽和高及背景颜色等属性。

Dreamweaver:[41]网页制作中如何设置交换图像
Dreamweaver:[41]网页制作中如何设置交换图像

2、把下面的表格拆分为四列。并在每个表格中插入图片,并分别不同的ID。

Dreamweaver:[41]网页制作中如何设置交换图像
Dreamweaver:[41]网页制作中如何设置交换图像

3、在上面的表格中插入一个AP图层,设置和要展示的图片差不多的属性。在该图层插入一张起始的图片。

Dreamweaver:[41]网页制作中如何设置交换图像
Dreamweaver:[41]网页制作中如何设置交换图像

4、设置交换图像行为,选中下面的第一张图片,点击行为+\交换图像,在弹出的交换图像对话框中选择要交换的图像,根据刚才编辑的id来识别,点击浏览来选择要显示的图片。

Dreamweaver:[41]网页制作中如何设置交换图像
Dreamweaver:[41]网页制作中如何设置交换图像
Dreamweaver:[41]网页制作中如何设置交换图像

5、这样在行为里就添加了两个行为动作,一个是鼠标经过时交换图像,另外一个是鼠标移开后恢复图像。

Dreamweaver:[41]网页制作中如何设置交换图像

6、把其他三张图片也一样设置,这样一个交换图像的特效就设置好了,可以点击F12查看。

© 手抄报圈