多语言展示
当前在线:1238今日阅读:167今日分享:16

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

在网页制作中,往往需要设置这样一个用来展示图像的窗口,上面用来展示完整的窗口,下面用来方式所有的图片,当鼠标经过下面的图片时上面的窗口展示的图片也随着变化,如图所示,一起学习怎么设置吧。
工具/原料

Dreamweaver

方法/步骤
1

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

2

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

3

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

4

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

6

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

推荐信息