2024年5月1日发(作者:)

第8章 行为

Dreamweaver CS4提供了丰富的行为,这些行为的使用可以为网页对象添加一些动

态效果和简单的交互功能,使那些不熟悉JavaScript语言的网页设计师也可以方便的设计

出通过编写JavaScript语言才能实现的功能。本章将首先介绍一些基本概念,以及“行为”

面板的基本操作;接着结合实例具体讲解常用的Dreamweaver CS4内置的行为;最后来

学习利用插件管理器安装扩展行为,以及如何在Dreamweaver CS4中应用插件。

【学习目标】

● 行为的基本概念和原理。

● Dreamweaver内置行为。

● 扩展行为。

8.1 行为面板

8.1.1 行为的概念和原理

行为是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。一

个行为是由事件(Event )和动作(Action )构成的。例如,当用户把鼠标移动至对象

上(事件),这个对象会发生预定义的变化(动作)。

行为是由预先书写好的JavaScript脚本代码构成的,使用它可以完成诸如打开新浏览

窗口、播放背景音乐等任务。事件是为大多数浏览器理解的通用代码,例如,

onMouseOver,onMouseOut和onClick都是用户在浏览器中对浏览页面的操作,而浏览

器通过一定的释译执行来响应用户的动作。举个例子,当把鼠标移动至一个链接上时,浏

览器获取了一个onMouseOver事件,并通过调用事先已经写好的与此事件关联的

JavaScript语言来响应这个动作。因此精简一点说,行为就是一段预定义好的程序代码,

通过浏览器的解释并响应用户操作的过程。

对象是产生行为的主体。网页中的很多元素都可以成为对象,例如:整个HTML文档、

图像、文本、多媒体文件、表单元素等。事件是触发动态效果的条件,而动作是最终产生

的动态效果。动态效果可能是图片的翻转、链接的改变、声音播放等。一个事件也可以触

发许多动作,用户可以为每个事件指定多个动作。动作按照其在“行为”面板列表中的顺

序依次发生。

Dreamweaver包含了百余个事件、行动。如果这些行为还不足以满足需求,

Dreamweaver同时也提供了扩展行为的功能,可以下载第三方的行为,当然如果我们掌

握了JavaScript 语言,也可以自己书写行为。

8.1.2 行为面板的基本操作

“行为”面板的基本操作包括打开面板、显示事件、添加行为、删除行为等,具体操

作步骤如下:

8.2常用的事件

在Dreamweaver CS4中,可以将事件分为不同的种类。有的与鼠标有关,有的与键

盘有关,如鼠标单击、键盘某个键按下。有的事件还和网页相关,如网页下载完毕,网页