[第十三章使用行为创建动态.pptVIP

中原工学院信息商务学院计科系 第十三章 13.1 行为概念 行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同网页的交互，也可以通过动作使某个任务被执行。例如，用户在浏览网页时单击按钮，然后弹出一个提示对话框，这就是一个完整的行为。 行为是由事件和动作构成，通常，动作是一段预先写好的JavaScript代码，利用这些代码可以完成相应的任务；事件则由浏览器定义，它可以被附加到各种页面元素上，也可以被附加到HTML标记中，并且一个事件总是针对页面元素或标记而言的。任何一个动作都需要一个事件激活，两者相辅相成。 常见事件类型 onLoad：当载入网页时触发 onUnload：当用户离开页面时触发onMouseOver：当鼠标移入指定元素范围时触发 onMouseOut：当鼠标移出指定元素范围时触发 onMouseDown：当用户按下鼠标左键但没有释放时触发 onMouseUp：当用户释放鼠标后触发onMouseMove：当用户在页面上拖动鼠标时触发 onClick：当用户单击了指定的页面元素时触发 常见事件类型 onKeyDown：当用户任意按下一键时，在没有释放之前触发 onKeyUp：当用户释放了被按下的键后触发 onKeyPress：当用户任意按下一键，然后释放该键时触发。该事件是onKeyDown和onKeyUp事件的组合事件 onFocus：当指定的元素变成用户交互的焦点时触发 onChange：当用户改变页面的一个值时触发 13.2 行为的基本操作 行为面板 在Dreamweaver CS3中，提供了一个专门管理和编辑行为的工具，即“行为”面板。打开方法：选择“窗口|行为”命令或按Shift+F4组合键可以打开“行为”面板。 添加行为 添加行为是指将某个行为附加到某个对象上。对象可以是一个图像、文本、链接以及整个文档。 修改行为 如果对添加的行为不满意可对其进行修改，其中包括事件的修改和行为本身的修改。 删除行为 当网页中已不需要某种行为时，可将其删除。删除行为的操作很简单，只需在“行为”面板中选择要删除的行为，再单击删除按钮或直接按Delete键即可将其删除。 13.3 主要行为的应用 交换图像 交换图像行为能使一幅或多幅图像变换为其他图像。鼠标经过图像就是靠交换图像行为实现的。 插入任一图片，行为面板中“添加”|“交换图像”。 弹出信息 弹出信息行为可以打开一个消息对话框，用来显示一些特殊信息。 将光标置于页面中，行为面板中“添加”|“弹出信息”，输入消息，确定。 设置此事件为onLoad，载入网页时弹出消息框。 打开浏览器窗口 使用打开浏览器窗口行为可以打开一个新的浏览器窗口显示指定的文档，并且可以指定新窗口的属性如宽度、高度、是否显示菜单条和名称等。 控制Shockwave或Flash 使用控制Shockwave或Flash行为可以播放、停止、倒退或转到文件中的帧。 具体操作： 插入Flash，进行命名，选中“播放” （或“停止”）文本（可以在表格中插入），在属性面板“链接”文本框输入“#”，添加空链接； 选中“播放”（或“停止”）文本，在行为面板中，选择“~建议不再使用”|“控制Shockwave或Flash”选项； 选择“播放”（或“停止”），确定； 设置链接文本的事件为“onClick”。 改变属性(不经常用) 使用改变属性行为可以动态更改对象某些属性。一般来说可以更改的属性决定于附加动作的对象和浏览器的类型。可以使用该行为修改属性的对象有层、图像、表单以及表单中的各元素。 选择一个对象，行为面板中选择“改变属性”。 效果 显示/渐隐 遮帘（对层操作） 增大/收缩 高亮颜色 晃动 滑动 挤压 时间轴的设置 插入适当的动画 播放时间轴 选择应用该行为的对象，行为面板中，选择“时间轴”|“播放时间轴”。 停止时间轴 选择应用该行为的对象，行为面板中，选择“时间轴”|“停止时间轴”。 检查表单 用户在填写表单时，可能会漏填、误填一些信息，就会造成接收与处理信息时的许多麻烦。这就需要对表单的信息在客户端进行处理，提醒用户及时改错，使得发送的表单能符合要求，免去不必要的麻烦。 注意：使用onBlur事件将此动作附加到各文本域，在用户填写表单时就可以对域进行检查；使用onSubmit事件将其附加到表单，在用户单击“提交”按钮时可以对多个文本域进行检查。 设置文本 设置层文本 设置层文本行为可以用指定内容替换某一页面上层的内容和格式设置。 设置文本域文本 设置文本域文本行为可以用用户指定的内容替换表单文本域中原有的内容。 设置文本 设置框架文本 设置框架文本行为可以动态地改变框架中显示的文字或替换框架内容。 设置状态栏文本 设置状态栏文本行为可用于在浏览器窗口底部左侧的状态栏中显示消息。 * *