在使用Dreamweaver制作网页时,添加网页特效是关键一步。一个优秀的网站不仅需要丰富的内容,还需要恰当的特效提升吸引力。下面将介绍第二种网页特效:图片的放大缩小效果,帮助您打造更生动的页面。
1、 首先,打开Dreamweaver软件,创建一个新的空白网页文件,然后插入需要编辑的图片素材。
2、 在菜单栏窗口中找到标签检查器(或直接按F9),打开其工作面板。




3、 在标签检查器的工作面板中选择行为,然后点击+按钮,添加增大/收缩行为。
4、 设置效果参数,确保图片增大,调整放大倍数,确认设置。
5、 设置图片放大的触发条件为onclick,即鼠标点击图片时,图片增大效果便会启动。
6、 用相同方法设置缩小效果,不过图片缩小的触发条件改为onmouseout,也就是当鼠标移出图片时,图片变小。



7、 在文件菜单栏里选择保存网页选项。
8、 打开网页查看效果预览,所示。

