计算机网络与网页制作Chapter 18：用行为增加页面的互动精选版.pptVIP

jyjy piip jyjy piip jyjy piip jyjy piip 计算机网络与网页制作Chapter 18：用行为增加页面的互动 复旦大学计算机学院 肖川 cxiao@fudan.edu.cn * yjyuuy 目标 行为的含义 为网页对象添加动作 选择触发动作的事件 使用行为增加页面的交互性 在页面内创建可拖-放的对象 * yjyuuy 效果 * yjyuuy 1. 什么是行为？ 行为 = 事件 + 动作 “行为”面板 * yjyuuy 行为的本质 行为是由事件触发的动作； 事件是用户的某个操作，如打开页面、单击鼠标、移动鼠标等； 动作是用JavaScript语言编写的函数，它具有某项功能，如显示-隐藏页面元素、弹出信息等； 行为的本质是建立事件与动作的关联，使得浏览器捕获到这个事件时自动触发指定的动作。 * yjyuuy 2.为超链接添加“显示-隐藏元素”动作 添加链接 绘制AP Div后选择菜单 插入图像 * yjyuuy 重复绘制AP Div并层叠 phone1～phone6 AP Div 分别插入图像 层叠 * yjyuuy 为数字链接“1”添加动作 * yjyuuy 设置将引发这个动作的事件 只显示phone1 AP Div，其他Div则隐藏 * yjyuuy 为数字链接2～6添加类似的行为 事件：onMouseOver 动作：隐藏-显示元素 每个链接