在网页制作中,往往需要设置这样一个用来展示图像的窗口,上面用来展示完整的窗口,下面用来方式所有的图片,当鼠标经过下面的图片时上面的窗口展示的图片也随着变化,如图所示,一起学习怎么设置吧。
工具/原料
Dreamweaver
方法/步骤
1
设置表格的背景颜色,并在该表格中插入两行一列的表格,并调整好各个表格的宽和高及背景颜色等属性。
2
把下面的表格拆分为四列。并在每个表格中插入图片,并分别不同的ID。
3
在上面的表格中插入一个AP图层,设置和要展示的图片差不多的属性。在该图层插入一张起始的图片。
4
设置交换图像行为,选中下面的第一张图片,点击行为+\交换图像,在弹出的交换图像对话框中选择要交换的图像,根据刚才编辑的id来识别,点击浏览来选择要显示的图片。
6
把其他三张图片也一样设置,这样一个交换图像的特效就设置好了,可以点击F12查看。