网页设计-7.ppt

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