网页设计与制作案例教程 教学配套课件 池同柱 第10章 使用行为和JavaScript创建特效网页.pdfVIP

第10章 使用行为和JavaScript 创建特效网页 一、行为概述 行为指设计者能够运用制作动态网页的JavaScript功能， 并将期放置在网页文档中，以允许浏览器与网页本身进行交 互，从而以多种方式更改网页或引起某些任务的执行。如果想 运用这些行为(behavior)，首先要选择运用行为的对象，然后 决定要发生的动作（action），还要设置动作在何种情况下发 生的事件(event)。行为是事件和由该事件触发的动作的组合 体。 1．行为基础 在“行为”面板中，您可以先指定一个动作，然后指定触 发该动作的事件，以此将行为添加到页面中。行为代码是客户 端 JavaScript 代码；即它运行在浏览器中，而不是服务器 上。 事件是浏览器生成的消息，它指示该页的访问者已执行了 某种操作动作是一段预先编写的 JavaScript 代码在将行为附 加到某个页面元素之后，每当该元素的某个事件发生时，行为 即会调用与这一事件关联的动作（JavaScript 代码）。 行为面板概述 使用“行为”面板（“窗口”“行为”）可以将行为附 加到页面元素（更具体地说是附加到标签），并可以修改以前 所附加行为的参数。 行为面板包含以下选项： 1）显示设置事件 ：显示设置事件是默认的视图。 2）显示所有事件 ：按字母顺序显示属于特定类别的所有事件。 3）添加动作 (+) 4）删除 (–) ：从行为列表中删除所选的事件和动作。 5）向上箭头和向下箭头按钮 ：在行为列表中上下移动特定事件 的选定动作。 6）事件 7）显示事件 ：指定当前行为在哪个浏览器中起作用。 2.动作 动作是由预先编写的JavaScript代码组成的，这些代 码执行特定的任务，例如打开浏览器窗口、显示或隐藏元 素、拖动AP元素等。 3.事件 事件是浏览器生成的消息，它指示该页的访问者已执 行了某种操作。每个浏览器都提供一组事件，这些事件可 以与“行为”面板的“动作”(+) 弹出菜单中列出的动作 相关联。 二、使用DreamweaverCS3内置行为 Dreamweaver 附带的行为已经编写，可适用于新型浏览 器。Dreamweaver 动作是经过精心编写的，如果您从 Dreamweaver 动作中手工删除代码，或将其替换为自己编写的 代码，则可能会失去跨浏览器兼容性。 1. 应用改变属性行为 使用“改变属性”行为可更改对象某个属性（例如 div 的背景颜色或表单的动作）的值。需要非常熟悉 HTML 和 JavaScript 的情况下才能使用此行为。使用改变属性行为方 法通过选择对象，从“行为”面板的“动作”菜单中选择“改 变属性”中进行。 2.应用拖动 AP 元素行为 可让访问者拖动绝对定位的 (AP) 元素。使用此行为可创 建拼板游戏、滑块控件和其它可移动的界面元素。 使用应用 拖动AP元素行为的方法通过选择“插入”“布局对象”“AP Div”或单击“插入”栏上的“绘制 AP Div”按钮进行。 3.转到 URL 行为 “转到URL”行为可在当前窗口或指定的框架中打开一 个新页。此行为适用于通过一次单击更改两个或多个框架的内 容。 4.跳转菜单行为 使用“插入”“表单”“跳转菜单”创建跳转菜单 时，Dreamweaver 创建一个菜单对象并向其附加一个“跳转菜 单”（或“跳转菜单转到”）行为。通常不需要手动将“跳转 菜单”行为附加到对象。 5.应用跳转菜单转到行为 “跳转菜单转到”行为与“跳转菜单”行为密切关联； “跳转菜单转到”允许您将一个“转到”按钮和一个跳转菜单 关联起来。单击“转到”按钮打开在该跳转菜单中选择的链 接。通常情况下，跳转菜单不需要一个“转到”按钮；从跳转 菜单中选择一项通常会引起 URL 的载入，不需要任何进一步 的用户操作。但是，如果访问者选择已在跳转菜单中选择的同