1、设置表格的背景颜色,并在该表格中插入两行一列的表格,并调整好各个表格的宽和高及背景颜色等属性。
![Dreamweaver:[41]网页制作中如何设置交换图像](https://exp-picture.cdn.bcebos.com/a151a233ec3834bb675979ec8714c27bd3823d0e.jpg)
![Dreamweaver:[41]网页制作中如何设置交换图像](https://exp-picture.cdn.bcebos.com/35fa07efa25f0c1443cd09310d89a146b6b1380e.jpg)
2、把下面的表格拆分为四列。并在每个表格中插入图片,并分别不同的ID。
![Dreamweaver:[41]网页制作中如何设置交换图像](https://exp-picture.cdn.bcebos.com/a31e1214c27bd282053f7af53cb1eef97ebd360e.jpg)
![Dreamweaver:[41]网页制作中如何设置交换图像](https://exp-picture.cdn.bcebos.com/c33acc828689a1463207354af4bd4c7c35b3340e.jpg)
3、在上面的表格中插入一个AP图层,设置和要展示的图片差不多的属性。在该图层插入一张起始的图片。
![Dreamweaver:[41]网页制作中如何设置交换图像](https://exp-picture.cdn.bcebos.com/87c8bf46b7b1eef9f80b97cfbfb33c4132ba320e.jpg)
![Dreamweaver:[41]网页制作中如何设置交换图像](https://exp-picture.cdn.bcebos.com/4d3d2ab33c4133ba5ff7d8ce6a37c97623bc2f0e.jpg)
4、设置交换图像行为,选中下面的第一张图片,点击行为+\交换图像,在弹出的交换图像对话框中选择要交换的图像,根据刚才编辑的id来识别,点击浏览来选择要显示的图片。
![Dreamweaver:[41]网页制作中如何设置交换图像](https://exp-picture.cdn.bcebos.com/e076d77622bc7dc55dd1f0ec5e460596b914290e.jpg)
![Dreamweaver:[41]网页制作中如何设置交换图像](https://exp-picture.cdn.bcebos.com/d4071b96b814f4d02db51361cdfe474ec383230e.jpg)
![Dreamweaver:[41]网页制作中如何设置交换图像](https://exp-picture.cdn.bcebos.com/c99358fe474ec283ae09e05cbe4f50b8b53e1c0e.jpg)
5、这样在行为里就添加了两个行为动作,一个是鼠标经过时交换图像,另外一个是鼠标移开后恢复图像。
![Dreamweaver:[41]网页制作中如何设置交换图像](https://exp-picture.cdn.bcebos.com/340e4eb8b43ea8dbf4fc2181189c2cf7deb2160e.jpg)
6、把其他三张图片也一样设置,这样一个交换图像的特效就设置好了,可以点击F12查看。