鸿 网 互 联 www.68idc.cn

菜鸟学用Dreamweaver MX 2004行为

来源:互联网 作者:佚名 时间:2015-02-08 07:19
行为概述 Dreamweaver MX 2004已经成为网页设计者的良好的设计工具,我们在使用过程中你注意到它提供的行为功能了吗?今天在这里我给大家介绍一下其中的行为的使用。 Dreamweaver MX 2004提供了丰富的行为,这些行为的设置为网页对象添加一些动态效果和简单

· 行为概述

  Dreamweaver MX 2004已经成为网页设计者的良好的设计工具,我们在使用过程中你注意到它提供的行为功能了吗?今天在这里我给大家介绍一下其中的行为的使用。

  Dreamweaver MX 2004提供了丰富的行为,这些行为的设置为网页对象添加一些动态效果和简单的交互功能,为使那些不熟悉JavaScript或VBScript的网页设计师可以方便的设计出通过复杂的JavaScript或VBScript语言才能实现的功能。如果熟悉JavaScript或VBScript还可以编写一些特定的行为来使用。

  行为是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。行为是由对象、事件和动作构成。例如,当用户把鼠标移动至对象上(称:事件),这个对象会发生预定义的变化(称:动作)。

  对象是产生行为的主体。网页中的很多元素都可以成为对象,例如:整个HTML文档、插入的一个图片、一段文字、一个媒体文件等。对象也是基于成对出现的标签的,在创建时首先选中对象的标签。

  事件是触发动态效果的条件。网页事件分为不同的种类。有的与鼠标有关,有的与键盘有关,如鼠标单击、键盘某个键按下。有的事件还和网页相关,如网页下载完毕,网页切换等。对于同一个对象,不同版本的浏览器支持的事件种类和多少也是不一样的。

  动作是最终产生的动态效果。动态效果可能是图片的翻转、连接的改变、声音播放等。

  行为可以附加到整个文档,还可以附加到连接、图象、表单元素或其他HTML元素中的任何一种,用户可以为每个事件指定多哥动作。动作按照它们在行为面板的动作列表中列出的顺序发生。注意:不同的显示器支持的行为事件是不一样的。

Dreamweaver MX 2004 内置的基本行为如图所示:

Dreamweaver MX 2004行为详解实例

   Dreamweaver MX 2004 行为面板

  使用“行为”面板将行为附加到页元素(更具体地说是附加到标签)并修改以前所附加行为的参数。

  若要打开“行为”面板,请选择“窗口”>“行为”(SHIFT+F3)。“行为”面板如下图所示:

Dreamweaver MX 2004行为详解实例

  已附加到当前所选页元素的行为显示在行为列表中(面板的主区域),按事件以字母顺序排列。如果同一个事件有多个动作,则将以在列表上出现的顺序执行这些动作。如果行为列表中没有显示任何行为,则没有行为附加到当前所选的页元素。

  设置“行为”面板选项:“行为”面板具有以下选项:

Dreamweaver MX 2004行为详解实例

  显示设置事件仅显示附加到当前文档的那些事件。事件被分别划归到客户端或服务器端类别中。每个类别的事件都包含在一个可折叠的列表中,您可以单击类别名称旁边的加号/减号按钮展开或折叠该列表。“显示设置事件”是默认的视图。

  显示所有事件按字母降序显示给定类别的所有事件。

  添加行为(+): 是一个弹出菜单,其中包含可以附加到当前所选元素的动作。当从该列表中选择一个动作时,将出现一个对话框,您可以在该对话框中指定该动作的参数。如果所有动作都灰显,则没有所选元素可以生成的事件。

  删除(-):从行为列表中删除所选的事件。

  上下箭头按钮将特定事件的所选动作在行为列表中向上或向下移动。给定事件的动作以特定的顺序执行。选中一个事件或动作可以更改执行的顺序。

  事件是一个弹出菜单,根据所选对象的不同,显示的事件也有所不同。如果未显示预期的事件,请检查是否选择了正确的页元素或标签。

· 认识行为事件

  行为是为响应某一具体事件而采取的一个或多个动作。当指定的事件被触发时,将运行相应的JavaScript程序,执行相应的动作。所以在创建行为时,必须先指定一个动作,然后再指定触发动作的事件。行为是针对网页中的所有对象,要结合一个对象添加行为。

  每个浏览器都提供一组事件,这些事件可以与“行为”面板的“动作”(+) 弹出菜单中列出的动作相关联。当 Web 页的访问者与页进行交互时(例如,单击某个图像),浏览器生成事件;这些事件可用于调用引起动鞣⑸??JavaScript 函数。(没有用户交互也可以生成事件,例如设置页每 10 秒钟自动重新载入。)DW MX 2004 提供许多可以使用这些事件触发的常用动作。

  根据所选对象和在“显示事件”子菜单中指定的浏览器的不同,显示在“事件”弹出菜单中的事件将有所不同。若要查明对于给定的页元素给定的浏览器支持哪些事件,请在您的文档中插入该页元素并向其附加一个行为,然后查看“行为”面板中的“事件”弹出菜单。如果页上尚不存在相关的对象或所选的对象不能接收事件,则这些事件将禁用(灰显)。如果未显示预期的事件,则检查是否选择了正确的对象,或在“显示事件”弹出菜单中更改目标浏览器。

  如果要将行为附加到某个图像,则一些事件(例如 onMouseOver)显示在括号中。这些事件仅用于链接。当选择其中之一时,DW MX 2004 在图像周围使用 a 标签来定义一个空链接。在属性检查器的“链接”文本框中,该空链接表示为 javascript:;。如果要将其变为一个指向另一页的真正链接,您可以更改链接值,但是如果删除了 JavaScript 链接却未用另一个链接来代替它,则将删除该行为。

  在动作选单中,越是高版本的浏览器支持的动作越多,我们先认识一下它们:

点击放大
网友评论
<