dreamweaver网页制作第8章行为

《dreamweaver网页制作第8章行为》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章行为DreamweaverCS4提供了丰富的行为，这些行为的使用可以为网页对象添加一些动态效果和简单的交互功能，使那些不熟悉JavaScript语言的网页设计师也可以方便的设计出通过编写JavaScript语言才能实现的功能。本章将首先介绍一些基本概念，以及“行为”面板的基本操作；接着结合实例具体讲解常用的DreamweaverCS4内置的行为；最后来学习利用插件管理器安装扩展行为，以及如何在DreamweaverCS4中应用插件。【学习目标】●行为的基本概念和原理。●Dreamweaver内置

2、行为。●扩展行为。8.1行为面板8.1.1行为的概念和原理行为是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。一个行为是由事件（Event）和动作（Action）构成的。例如，当用户把鼠标移动至对象上（事件），这个对象会发生预定义的变化（动作）。行为是由预先书写好的JavaScript脚本代码构成的，使用它可以完成诸如打开新浏览窗口、播放背景音乐等任务。事件是为大多数浏览器理解的通用代码，例如，onMouseOver,onMouseOut和onClick都是用户在浏览器中对浏览页面

3、的操作，而浏览器通过一定的释译执行来响应用户的动作。举个例子，当把鼠标移动至一个链接上时，浏览器获取了一个onMouseOver事件，并通过调用事先已经写好的与此事件关联的JavaScript语言来响应这个动作。因此精简一点说，行为就是一段预定义好的程序代码，通过浏览器的解释并响应用户操作的过程。对象是产生行为的主体。网页中的很多元素都可以成为对象，例如：整个HTML文档、图像、文本、多媒体文件、表单元素等。事件是触发动态效果的条件，而动作是最终产生的动态效果。动态效果可能是图片的翻转、链接的改变、声

4、音播放等。一个事件也可以触发许多动作，用户可以为每个事件指定多个动作。动作按照其在“行为”面板列表中的顺序依次发生。Dreamweaver包含了百余个事件、行动。如果这些行为还不足以满足需求，Dreamweaver同时也提供了扩展行为的功能，可以下载第三方的行为，当然如果我们掌握了JavaScript语言，也可以自己书写行为。8.1.2行为面板的基本操作“行为”面板的基本操作包括打开面板、显示事件、添加行为、删除行为等，具体操作步骤如下：8.2常用的事件在DreamweaverCS4中，可以将事件分为

5、不同的种类。有的与鼠标有关，有的与键盘有关，如鼠标单击、键盘某个键按下。有的事件还和网页相关，如网页下载完毕，网页切换等。常用的事件如下：(1)OnBlur：当指定的元素停止从用户的交互动作上获得焦点时，触发该事件。例如，当用户在交互文本框中单击后，再在文本框之外单击，浏览器会针对该文本框产生一个onBlur事件。(2)OnClick：当用户在页面中单击使用行为的元素，如文本、按钮或图像时，就会触发该事件。(3)OnDblclick：在页面中双击使用行为的特定元素（文本、按钮或图像）时，就会触发该事件

6、。(4)OnError：当浏览器下载页面或图像发生错误时触发该事件。(5)OnFocus：指定元素通过用户的交互动作获得焦点时触发该事件。例如在一个文本框中单击时，该文框就会产生一个“onFocus”事件。(6)OnKeydown：当用户在浏览网页时，按下一个键后且尚未释放该键时，就会触发该事件。该事件常与“onKeydown”与“onKeyup”事件组合使用(7)OnKeyup：当用户浏览网页时，按下一个键后又释放该键时，就会触发该事件。(8)OnLoad：当网页或图像完全下载到用户浏览器后，就会触

7、发该事件。(9)OnMouseDown：浏览网页时，单击网页中建立行为的元素且尚未释放鼠标之前，就会触发该事件。(10)OnMousemove：在浏览器中，当用户将光标在使用行为的元素上移动时，就会触发该事件。(11)OnMouseover：在浏览器中，当用户将鼠标指向一个使用行为的元素时，就会触发该事件。(12)OnMouseout：在浏览器中，当用户将光标从建立行为的元素移出后，就会触发该事件。(13)OnMouseup：在浏览器中，当用户在使用行为的元素上按下鼠标并释放后，就会触发该事件。(14

8、)OnUnload：当用户离开当前网页（关闭浏览器或跳转到其他网页）时，就会触发该事件。8.3使用DreamweaverCS4内置的行为DreamweaverCS4内置了20多种行为，如弹出信息、打开浏览器窗口、播放声音、调用Javascript、改变属性、检查表单、检查插件、检查浏览器、交换图像、控制Flash、设置导航栏图像、设置文本、跳转菜单、拖动AP元素、显示/隐藏元素、转到URL等。本节将具体介绍如何使用这些DreamweaverCS4内置的行