计算机教程 第21章行为.pdfVIP

下载 第2 1章 行 为 现在单纯的静态网页已经很少了，为了更好的吸引用户，网页创作者们采用了各种手段， 通过增强网页本身的动态效果和人机交互特性，以更好地突出网页主题，体现网页风格。在 网页中创建轮替按钮，就是最常使用的手段，利用轮替按钮，可以将浏览者的操作同页面本 身的行为结合起来，从而引起浏览者的注意。 然而，仅仅只有动态轮替按钮的网页还远远不是一个成功的网页，实际上，为了充分体 现用户同网页的交互性，我们需要更多的技术和更完善的实现手段。很多人通过在网页中包 含J a v a S c r i p t脚本来实现用户同页面的交互，然而编写脚本既复杂，也需要专门的学习。有鉴 于此，F i r e w o r k s提供了一种称作“B e h a v i o r ”（行为）的机制，允许您在构建图片时直接构建 各种复杂的交互行为，在将图像导出后，同时也生成相应的代码。这些代码不用进行任何修 改，就能够直接在H T M L 网页中使用。 可以将行为看作是F i r e w o r k s 的内置J a v a S c r i p t库，它不仅可以帮助您构建脚本，还可以对 现有脚本进行自动的管理。如果您使用过 D r e a m w e a v e r ，您一定了解行为的概念， F i r e w o r k s 中的行为特性虽然没有D r e a m w e a v e r强大，但是原理是一样的。 在为按钮设置轮替效果时，实际上也是一种对行为的应用，按钮编辑器将这种行为封装 起来，使用户感受不到它。因此可以说，这一章实际上是上一章“按钮和导航条”的延续， 是对轮替按钮特性在技术上的延伸和深入。 21.1 概述 在第2 0章，我们介绍了最简单的行为：轮替按钮。这一章我们将介绍如何在 F i r e w o r k s 中 构建更为复杂的行为。为了帮助读者更好地了解行为，我们首先介绍一下行为的基本概念。 21.1.1 行为的概念 所谓行为（B e h a v i o r ），顾名思义，就是在网页中进行的一系列动作。通过这些动作，可 以实现用户同网页的交互，也可以导致某个任务的执行。 一般来说，一个行为应该由一个事件（ e v e n t ）和一系列动作（a c t i o n ）所组成。例如，当 用户将鼠标移动到一幅图像上时，这就产生了一个事件，如果这时候图像发生变化（这就是 我们前面介绍过的轮替特性），则实际上就导致了一个动作发生。 在网页中，动作通常由一段 J a v a S c r i p t代码所实现，利用这段代码可以完成相应的任务， 例如切换图像的显示等。在 F i r e w o r k s 中，您可以使用内置的行为来往文档中添加 J a v a S c r i p t代 码，而不用自己书写。在将文档导出时，不仅会生成图像文件，还会生成相应的 H T M L代码， 而将代码放入网页相应的位置上，就可以在网页中实现动作。 事件则通常由浏览器所定义，它可以附加到各种页面元素上，也可以附加到 H T M L标记 中。通常，一个事件总是针对页面元素或标记而言的。例如，在大多数浏览器中，要实现轮 替按钮，在按钮图片上会发生 o n M o u s e O v e r 、o n M o u s e O u t和o n C l i c k这三种事件。当鼠标移动 3 9 6 F i reworks 3 网页图像设计 下载 到按钮上，就发生 o n M o u s e O v e r事件，而鼠标移动到按钮之外，就发生 o n M o u s e O u t事件，而 单击按钮，就发生o n C l i c k事件。另一个常见的事件是o n L o a d ，它同图像或是文档正文相关联， 当载入文档时，就发生文档的o n L o a d事件，而载入图像时，就发生图像的 o n L o a d事件。 将事件和动作组合起来就构成了行为，例如，将o n C l i c k行为同一段J a v a S c r i p t代码相关联， 在单击鼠标时就可以执行相应的 J a v a S c r i p t 代码。通常，我们将事件产生的这个过程称作触 发。 不是所有的动作都需要用户的干涉才会发生，例如我们可以在网页中指定某个动作每隔 1 0秒运