第10章网页交互和特效杨晓研究报告.pptVIP

第10章 网页交互和特效 10.1 网页交互行为10.2 Spry框架10.3 上机练习：制作导航条10.4 上机练习：制作可隐藏的产品信息 10.1网页交互行为 10.1.1交换图像10.1.2弹出信息10.1.3打开浏览器窗口10.1.4拖动AP元素 10.1.1交换图像 交换图像行为时通过改变img标签的src属性将一个图像和另一个图像进行交换，或者交换多个图像。 如果要添加“交换图像”行为，首先要在文档中插入一个图像，然后选择该图像，单击“标签检查器”面板中的“行为”面板，如图10-1所示，然后单击“添加行为”按钮，在弹出的快捷菜单中选择“交换图像”命令，如图10-2所示，在弹出的“交换图像”对话框中，如图10-3所示，单击“浏览”按钮选择另外一张要交换的图像。 图10-1 “标签检查器”面板中的“行为” 在“行为”面板中会显示已设置的两个行为，如图10-4所示。 左边一列是事件，单击可以进行选择其他事件。右边一列是Dreamweaver内置的行为，如果想编辑某个行为可双击右边一列中的某个行为。 图10-4表示为img标签的onMouseOut（鼠标移出）事件添加了“恢复交换图像”行为，为onMouseOver（鼠标滑过）事件添加了“交换图像”行为，当img标签这两个事件被触发时，执行相应的行为。 如果想删除某个行为，先选中一行，然后单击 “删除行