行为第15章DreamweavercS4提供了丰富的行为,这些行为的使用可以为网页对象添加一些动态效果和简单的交互功能,使那些不熟悉JavaScript语言的网页设计师也可以方便的设计出通过编写JavaScript语言才能实现的功能。本章将首先介绍一些基本概念,以及“行为”面板的基本操作:接着结合实例具体讲解常用的Dreamweaver CS4内置的行为;
Dreamweaver CS4提供了丰富的行为,这些行为的使 用可以为网页对象添加一些动态效果和简单的交互功 能,使那些不熟悉JavaScript语言的网页设计师也可 以方便的设计出通过编写JavaScript语言才能实现的 功能。本章将首先介绍一些基本概念,以及“行为” 面板的基本操作;接着结合实例具体讲解常用的 Dreamweaver CS4内置的行为;
15. 1认识行为面板15. 1. 1什么是行为15. 1. 2行为面板的基本操作
15.1.1 什么是行为 15.1.2 行为面板的基本操作
什么是行为15. 1. 1行为是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。行为是由对象、事件和动作构成。例如,当用户把鼠标移动至对象上(事件),这个对象会发生预定义的变化(动作)。对象是产生行为的主体。网页中的很多元素都可以成为对象,例如:整个HTML文档、图像、文本、多媒体文件表单元素等。事件是触发动态效果的条件,在15.2节将具体介绍Dreamweaver CS4中常用的事件类型。动作是最终产生的动态效果。动态效果可能是图片的翻转、链接的改变、声音播放等。用户可以为每个事件指定多个动作。动作按照其在“行为”面板列表中的顺序依次发生
行为是用来动态响应用户操作、改变当前页面效果或是 执行特定任务的一种方法。行为是由对象、事件和动作 构成。例如,当用户把鼠标移动至对象上(事件),这 个对象会发生预定义的变化(动作)。 对象是产生行为的主体。网页中的很多元素都可以成为 对象,例如:整个HTML文档、图像、文本、多媒体文件、 表单元素等。 事件是触发动态效果的条件,在15.2节将具体介绍 Dreamweaver CS4中常用的事件类型。 动作是最终产生的动态效果。动态效果可能是图片的翻 转、链接的改变、声音播放等。用户可以为每个事件指 定多个动作。动作按照其在“行为”面板列表中的顺序 依次发生
行为面板的基本操作15.1.2“行为”面板的基本操作包括打开面板、显示事件、添加行为、删除行为等。屏性行力标篷ody建议不再使用enlluronclickonDbicalid弹出信息onErroronfocus旗osKeyDovn打开认览器室口onkeyfresTEAEonkeylponLoad改天屋性anlleutele数果erfoutlleorllouteOu品示-隐满元车oullouseOv检在抵件onlouseUp拔系表单质品时图#设置文本白CS4单通用aipC标篷检查器CSC贴策电开D本墙文件X转到URL标ody)思性AD现光能入医件显示事件onLoad出除事件获取更多行处图15.3添加行为图15.4删除事件
“行为”面板的基本操作包括打开面板、显示事件、 添加行为、删除行为等
添加事件15.2在DreamweaverCS4中,可以将事件分为不同的种类。有的与鼠标有关,有的与键盘有关,如鼠标单击、键盘某个键按下。有的事件还和网页相关,如网页下载完毕,网页切换等。常用的事件如下:OnBlur:当指定的元素停止从用户的交互动作上获得焦点时,触发该事件。例如,当用户在交互文本框中单击后,再在文本框之外单击,浏览器会针对该文本框产生一个onBlur事件。OnC1ick:当用户在页面中单击使用行为的元素,如文本、按钮或图像时,就会触发该事件。OnDblclick:在页面中双击使用行为的特定元素(文本、按钮或图像)时,就会触发该事件。OnError:当浏览器下载页面或图像发生错误时触发该事件。OnFocus:指定元素通过用户的交互动作获得焦点时触发该事件。例如在一个文本框中单击时,该文框就会产生一个“onFocus”事件。当用户在浏览网页时,按下一个键后且尚未释放该键时,就会触发该事件。该事件OnKeydown:兰常与“onKeydown”与“onKeyup”事件组合使用。OnKeyup:当用户浏览网页时,按下一个键后又释放该键时,就会触发该事件。OnLoad:当网页或图像完全下载到用户浏览器后,就会触发该事件。OnMouseDown:浏览网页时,单击网页中建立行为的元素且尚未释放鼠标之前,就会触发该事件。OnMousemove:在浏览器中,当用户将鼠标在使用行为的元素上移动时,就会触发该事件。OnMouseover:在浏览器中,当用户将鼠标指向一个使用行为的元素时,就会触发该事件。OnMouseout:在浏览器中,当用户将鼠标从建立行为的元素移出后,就会触发该事件。在浏览器中,当用户在使用行为的元素上按下鼠标并释放后,就会触发该事件。OnMouseupOnUnload:当用户离开当前网页(关闭浏览器或跳转到其他网页)时,就会触发该事件
在Dreamweaver CS4中,可以将事件分为不同的种类。有的与鼠标有关,有的与键盘有关,如鼠 标单击、键盘某个键按下。有的事件还和网页相关,如网页下载完毕,网页切换等。常用的事 件如下: OnBlur:当指定的元素停止从用户的交互动作上获得焦点时,触发该事件。例如,当用户在交 互文本框中单击后,再在文本框之外单击,浏览器会针对该文本框产生一个onBlur事 件。 OnClick:当用户在页面中单击使用行为的元素,如文本、按钮或图像时,就会触发该事件。 OnDblclick:在页面中双击使用行为的特定元素(文本、按钮或图像)时,就会触发该事件。 OnError:当浏览器下载页面或图像发生错误时触发该事件。 OnFocus:指定元素通过用户的交互动作获得焦点时触发该事件。例如在一个文本框中单击时, 该文框就会产生一个“onFocus”事件。 OnKeydown:当用户在浏览网页时,按下一个键后且尚未释放该键时,就会触发该事件。该事件 常与“onKeydown”与“onKeyup”事件组合使用。 OnKeyup:当用户浏览网页时,按下一个键后又释放该键时,就会触发该事件。 OnLoad:当网页或图像完全下载到用户浏览器后,就会触发该事件。 OnMouseDown:浏览网页时,单击网页中建立行为的元素且尚未释放鼠标之前,就会触发该事件。 OnMousemove:在浏览器中,当用户将鼠标在使用行为的元素上移动时,就会触发该事件。 OnMouseover:在浏览器中,当用户将鼠标指向一个使用行为的元素时,就会触发该事件。 OnMouseout:在浏览器中,当用户将鼠标从建立行为的元素移出后,就会触发该事件。 OnMouseup:在浏览器中,当用户在使用行为的元素上按下鼠标并释放后,就会触发该事件。 OnUnload:当用户离开当前网页(关闭浏览器或跳转到其他网页)时,就会触发该事件