Dreamwear-行为.ppt

九.行为 九.行为 本章知识点 行为基础知识 符合使用者的行为 简单而有用的行为 更改指定内容的行为 制作弹出窗口 制作交换图像效果 9.1 行为基础知识 行为的概念 行为是某个事件和由该事件触发的动作的组合.其中事件是触发动作的原因,它是游览器生成的消息,表明该页面的访问者已执行了某种操作. 动作是一段预先编写的JavaScript代码,用于实现一种动态效果,如打开游览器窗口、播放或停止播放声音等。 任何一个动作都需要一个事件激活，而发生一个事件时可以执行多个动作，而且用户还可以指定或修改动作发生的顺序。 将行为附加在某个页面元素后，每当该元素的某个事件发生时，行为就会调用与这一事件关联的动作。 行为代码是客户端JavaScript代码，它运行在浏览器，而不是在服务器上。 9.1 行为基础知识 使用“行为” “窗口”-》“行为”，就可以打开“行为”面板 “行为”面板上按钮的功能如下： 显示附加到当前文档的事件 按字母的升序显示给定元素的所有事件 打开动作菜单，以便添加行为 选定一个行为，然后单击此按钮可以删除该行为 可以将同一个事件的多个动作进行向前或向后移动，以改变动作执行顺序 打开事件菜单，以便选择事件 9.2 符合使用者的行为 预先载入图像 对于在页面打开之初不会立即显示的图像（例如通过行为或Javascript调入的图像），可以使用“预先载入图像”行为将其进行缓存，这样就可以防止当图像变换时由于下载速度慢而导致延迟。 操作： 打开文件，单击“行为”面板上+按钮，选择“预先载入图像”命令，单击“图像源文件”右侧的“浏览”按钮，打开“选择图像源文件”，找到图像文件，单击“确定”按钮。回到“预先载入图像”对话框，单击“+”按钮，将图象添加到“预先载入图像”列表框中，单击“确定”。 9.2 符合使用者的行为 确认是否有插件 使用“检查插件”行为可以根据访问者的计算机是否安装了指定的插件，将他们转到不同的页面，例如Flash动画需要插件才能播放，一个好的网站一般会出两个版本，FLASH版和HTML版，让安装有插件的访问者转到FLASH版，没有安装的转到HTML版。 操作： 打开文件，单击“行为”面板上+按钮，选择“检查插件”命令，在“选择”下拉列表框中选择FLASH，单击“否则，转到URL”输入框右侧的“浏览”按钮，打开“选择文件”对话框，找到文件，单击“确定”按钮。回到“检查插件”对话框，单击“确定”。 9.3 简单而有用的行为 调用插入到文档之中的JavaScript 有些时候Dreamweaver内置的JavaScript函数无法满足用户的需要，这里可以使用“调用JavaScript“运行执行自定义的函数或JavaScript代码行。 操作： 打开文件，单击“行为”面板上+按钮，选择“调用JavaScript”命令，打开“调用JavaScript”对话框，在JavaScript输入框中输入window.close( )，单击“确定”按钮。 9.3 简单而有用的行为 改变对象的属性 使用“改变对象”行为可更改对象的某个属性的值，例如更改图像的大小，DIV的背景色或表单的动作。 操作： 打开文件，单击“行为”面板上+按钮，选择“改变对象”命令，打开“改变对象”对话框，“元素类型”选择DIV，“元素ID”选择DIV “a1”，“属性”选择fontsize,“新的值”输入15，单击“确定”按钮。单击行为onClick，在打开的行为菜单中选择onMouseOver选项。 9.3 简单而有用的行为 在网页上显示弹出信息 使用“弹出信息”行为可以显示一个包含指定信息的JavaScript警告，因为JavaScript警告对话框只有一个“确定”按钮，所以使用此行为只可以为用户提供信息，但不能为用户提供选择操作。 操作： 打开文件，单击“行为”面板上+按钮，选择“弹出信息”命令，打开“弹出信息”对话框，在消息栏中输入信息，单击“确定”按钮。 9.4 更改指定内容的行为 在特定框架中显示其他内容 使用“设置框架文本”行为可以动态设置框架的文本，可以用指定的内容和格式替换框架的内容和格式。 操作： 打开文件，选择要编辑的菜单，单击“行为”面板上+按钮，选择“设置文本”-》“设置框架文本”命令，打开“设置框架文本”对话框，在“框架”下拉列表中选择“框架’mainFrame’”，单击“确定”按钮。在“新建HTML”输入框中输入以下代码，单击“确定”按钮。