网页设计与制作：行为与时间轴祥解.pptVIP

第7章 行为与时间轴 7.1 行为 一、行为概述 行为，就是在网页中进行的一系列动作，通过这些动作实现用户与页面的交互。 行为由事件和动作组成，它通过对事件的响应执行相应的动作。事件是浏览器生成的消息，指示该页的浏览者执行了某种操作。网页事件分为不同的种类。有的与鼠标有关，有的与键盘有关，如鼠标单击、键盘某个键按下等。有的事件还和网页相关，如网页下载完毕，网页切换等。 动作是用于完成特定任务预先编好的JavaScript代码，诸如打开一个浏览器窗口，播放声音等。行为是事件和由该事件触发的动作的组合。行为允许浏览者改变网页的内容以及执行特定的动作。 1．行为面板 选择菜单“窗口/行为”(SHIFT+F4)，可以打开“行为”面板。 面板主要功能： 显示设置事件：仅显示附加到当前文档的那些事件。 显示所有事件：显示给定类别的所有事件。 添加行为：是一个弹出菜单，其中包含可以附加到当前所选元素的行为。当从该列表中选择一个行为时，将出现一个对话框，可以在该对话框中指定该动作的参数。 删除：从行为列表中删除所选的事件。 2．添加行为 为对象添加行为的步骤： ⑴ 打开行为面板。 ⑵ 在文档中选定一个对象。 ⑶ 单击行为面板上的加号按钮，从弹出的行为列表选项中选择合适的行为。根据所选定的行为，在参数对话框中设置该行为的参数及指令。 ⑷ 设置行为的参数，然后单击“确定”按钮。 3 Dreamweaver 的内置行为 交换图像：使图形交替显示。 弹出信息：显示一个信息对话框，或者给用户一个提示信息。 恢复交换图像：重复前面的交换图像功能。 打开浏览器窗口：在打开网页时同时打开另一个网页。 拖动层：实现在页面上层的移动。 播放声音：为网页加入声音。 改变属性：更改对象某个属性。 显示－隐藏层：显示或隐藏图层。 设置文本：在特定的地方设置文本。 调用JavaScript：调用相应的JavaScript脚本。 转到URL：自动转到指定的页面。 显示弹出式菜单：制作显示弹出式菜单。 时间轴：制作更多的动态效果。 内置行为的使用方法 1．交换图像 ⑴ 选择菜单“插入/图像”，插入一幅图像。 ⑵ 选择一个对象（通常是将交换的图像）并打开行为面板。 ⑶ 单击加号按钮并从弹出菜单中选择“交换图像”，打开 “交换图像”对话框。 ⑷ 从“图像”列表中，选择要更改的源图像。 ⑸ 单击“浏览”选择新图像文件，或在“设定源文件为”文本框中输入新图像的路径和文件名。 ⑹ 选择“预先载入图像”选项在载入页时将新图像载入到浏览器的缓存中。 2．弹出信息 “弹出信息”动作的作用是在特定的事件被触发时弹出信息框，给浏览者提供动态的导航功能。 具体操作过程： ⑴ 打开行为面板，从行为中选择“弹出信息”，打开 “弹出信息”对话框。 ⑵ 输入要在消息窗口中显示的内容。 3．恢复交换图像 “恢复交换图像”动作只有在使用了“交换图像”动作后才起作用，其功能是当鼠标离开变换图像后，重新显示原来的图像。“恢复交换图像”对话框如图7-24所示。 4．打开浏览器窗口 使用“打开浏览器窗口”动作在打开当前网页的同时，再打开一个新的窗口。 具体操作过程： ⑴ 选择一个对象并打开行为面板。 ⑵ 单击加号按钮并从弹出菜单中选择“打开浏览器窗口”，打开 “打开浏览器窗口”对话框。 ⑶ 单击“浏览”选择一个文件，或输入要显示的 URL。 ⑷ 设置“打开浏览器窗口”的其他选项。 ⑸ 单击“确定”。 5．拖动层 “拖动层”动作只对网页上的层起作用。此动作允许用户拖动层。使用此动作创建拼板游戏、滑块控件和其它可移动的界面元素。 具体操作过程： ⑴ 选择菜单“插入/层”或单击插入栏上的“描绘层”按钮，绘制一个层。 ⑵ 通过单击文档窗口底部标签选择器中的 body 选择 body 标签。 ⑶ 打开“行为”面板。 ⑷ 单击加号按钮从弹出菜单中选择“拖动层”，打开 “拖动层”对话框。 ⑸ 进行参数设置 6．播放声音 使用“播放声音”动作来播放声音。例如，在每次鼠标指针滑过某个链接时播放一段声音，或在页载入时播放音乐剪辑，或者点击某个按钮播放声音等。 具体操作过程： ⑴ 选中一个对象，打开行为面板。 ⑵ 单击加号按钮并从弹出菜单中选择“播放声音”，打开 “播放声音”对话框。 ⑶ 单击“浏览”选择一个声音文件，或在“播放声音”文本框中输入路径和文件名。 ⑷ 保存页面，按F12预览。 7．改变属性 使用“改变属性”动作更改对象某个属性的值。 具体操作过程： ⑴ 选中一个对象，打开“行为”面板。 ⑵ 单击加号按钮并从弹出菜单中选择“改变属性”，打开 “改变属性”对话框。 ⑶ 从“对象类型”中选择要更改属性的对象的类型，并设置参数。 ⑷ 保存页面。 8．显示－隐藏层 ⑴ 插入一张图片。 ⑵ 然后在文档窗