网页设计-7.pptVIP

行为应用 应用篇 层叠样式表（CSS） Dreamweaver高级基础 基本概念 添加行为 应用示例 行为应用 行为是Macromedia预置的JavaScript程序库，利用行为能够使网页制作者不用编成而实现交互功能，即根据访问者鼠标的不同动作来让网页执行相应操作，例如打开一个浏览器窗口、信息反馈、验证表单等。 行为是为响应某一个事件而采取的一个或多个动作，当指定的事件被触发时，将运行相应的JavaScript程序，执行相应得动作。 行为是针对网页中的所有对象，所以要结合一个对象添加行为，而在创建行为时，必须先指定一个动作，然后再指定触发动作的事件。 行为应用 ① 基本概念 行为是一种事件和动作的合成物，利用行为使网页具有交互功能。 每一个行为都包括对象、事件和由该事件触发的动作的组合，其中对象是网页上的某种元素，如HTML文档、文字、图像等，它是行为的产生者；事件是指访问者对网页进行的操作，如onClick（单击鼠标）、onMouseOver（鼠标经过）等；而动作则是指接受到事件的网页所执行的响应功能，如打开浏览器窗口、显示/隐藏层等。 事件种类 功 能 说 明 onAbort 在浏览器中停止加载网页文档的操作是触发该事件 onClick 单击选定元素（如超级链接、图片、按钮）时触发该事件 onDblClick 双击选定元素将触发该事件 onDragDrop 拖动选定元素后放开时触发该事件 onDragStart 拖动选定元素时触发该事件 onKeyDown 当用户按下键盘上某个键时触发该事件 onKeyUp 当用户按下某个键后释放该键时触发该事件 onKeyPress 当用户按下并释放任意键时触发该事件 onLoad 当图片或页面完成载入后触发该事件 onUnLoad 离开页面时触发该事件 onMouseDown 单击鼠标左键时触发该事件 onMouseMove 鼠标经过选定元素上面时触发该事件 onMouseOut 鼠标离开选定元素上面时触发该事件 onMouseOver 鼠标在选定元素上面时触发该事件 onMouseUp 放开按住的鼠标左键时触发该事件 onMove 移动窗口或框架时触发该事件 onResize 当用户调整浏览器窗口或框架大小时触发该事件 onError 加载网页文档或图片的过程中发生错误时触发该事件 onFinish 结束移动文字Marquee功能时触发该事件 onStart 开始移动文字Marquee功能时触发该事件 动作类型 功 能 说 明 调用JavaScript 发生事件时，调用特定的JavaScript函数 改变属性 更改选定的客体属性 检查浏览器 根据访问者的浏览器显示合适的网页文档 检查插件 确认启动网页时所需要的插件的安装情况 控制Shockwave或Flash 控制Flash动画的状态 拖动层 设定在浏览器中可以自由移动的层 转到URL 发生指定的事件时跳转到指定的网站或网页文档 隐藏弹出式菜单 隐藏Dreamweaver中制作的弹出菜单 打开浏览器窗口 显示新的弹出窗口 播放声音 发生指定事件时，播放链接的音乐 弹出信息 发生指定事件时，显示弹出信息 预先载入图像 为了在浏览器中快速显示图像，预先下载图像后再显示 设置层文本 在选定的层中显示指定的内容 设置状态栏文本 在状态栏中显示指定的内容 设置文本域文字 在文本区域中显示指定的内容 显示弹出式菜单 在Dreamweaver中制作所需样式的弹出菜单 显示 - 隐藏层 根据指定事件，显示或隐藏特定的层 交换图像 发生指定事件时，把选定图像替换为其他图像 恢复交换图像 应用“交换图像”动作后，显示原图像 检查表单 检查表单文档的有效性 事 件 列 表 行为菜单 在页面窗口中，选中要为其添加行为的对象，如某个图像或链接等； 单击行为面板中的『 』按钮，从弹出的菜单中选择一个需要的动作； 当选择动作后，会弹出一个参数对话框，设置好参数后，单击『确定』按钮； 这时在行为面板的列表中将显示添加的事件及对应得动作。如果该事件不是所需要的事件，可以单击该事件激活事件列表，单击事件列表下箭头打开事件下拉菜单，从中选择一个需要的事件即可。 行为应用 ② 添加行为 已选事件 对应动作 添加行为的对象 弹出消息（将事件Click —— OnLoad） 图层与行为应用（行为—— 拖动层） 交互窗口（ JavaScript ） 行为应用 ③ 应用示例 应用示例-1 制作滚动字幕： 打开“插入/标签”—— HTML标签/页元素/marquee 输入要滚动的文字marquee你好！/marquee 选择标签属性： marquee behavior(scroll、slide、alt