计算机网络与网页制作 Chapter18:用行为增加页面的互动 复旦大学计算机学院 肖川 xiao@fudan edu cn 1
计算机网络与网页制作 Chapter 18：用行为增加页面的互动 复旦大学计算机学院 肖川 cxiao@fudan.edu.cn 1
目标 行为的含义 *为网页对象添加动作 *选择触发动作的事件 *使用行为增加页面的交互性 *在页面内创建可拖放的对象
目标 行为的含义 为网页对象添加动作 选择触发动作的事件 使用行为增加页面的交互性 在页面内创建可拖-放的对象 2
新大陆手机商城 页产品务关于我们联系我们 随点地图1最 效果 手机图集 资讯导购 三里55830 1234 苹果 iPhone45 小米手机 苹集 IPhone4 幸爱1T18i 诺基亚N9 三星90 降价且! 新大陆手机商城 篇页产品形务天于共们联系线们 站点地旧1景 你知道这些手机的型号吗? 资讯导购 三星S5830 一请把手机图片拖至其正确型号的方框内 苹果 i Phone45 小米手机 苹果 iPhone4 It 索爱LT8i 诺基亚N9 三里19000 降价信息! 您知道妈?我们致力于使我们的客户有 galaxy 来自世界各地的最高品质的手机和设备 我们与供应商之闭的关系,使我们能够握 供最低的产品价格 3 新大陆手机商城◎版权所有
效果 3
1.什么是行为? *行为=事件+动作 交换图像 CS*式AP元标签检查 弹单出信息 属性行为标签ody> 恢复交换图像 回(+ 打开浏览器窗口 拖动AP元素 “行为”面板「onmr 改变属性 效果 onDblclick 显示-隐范元素 rror 检查插件 nKeyD 检查表单 onkeypress 设置文本 调用J avast onMousedown 跳转菜单 onMouseMove onMouseOut 跳转菜单开始 onMouseOver 转到URL onMouseUp onUnload 预先载入图像 获取更多行为
1. 什么是行为？ 行为 = 事件 + 动作 “行为”面板 4
行为的本质 *行为是由事件触发的动作; *事件是用户的某个操作,如打开页面、单 击鼠标、移动鼠标等; *动作是用 JavaScript语言编写的函数,它具 有某项功能,如显示隐藏页面元素、弹出 信息等; 行为的本质是建立事件与动作的关联,使 得浏览器捕获到这个事件时自动触发指定 的动作
行为的本质 行为是由事件触发的动作； 事件是用户的某个操作，如打开页面、单 击鼠标、移动鼠标等； 动作是用JavaScript语言编写的函数，它具 有某项功能，如显示-隐藏页面元素、弹出 信息等； 行为的本质是建立事件与动作的关联，使 得浏览器捕获到这个事件时自动触发指定 的动作。 5