第6章DreamweaverMX2004动态效果

《网页制作实用技术----Dreamweaver》课堂讲解上机实战第6章DreamweaverMX2004动态效果《网页制作实用技术----Dreamweaver》课堂讲解什么是行为什么是事件认识“行为”面板添加、修改和删除行为获取更多的行为应用行为《网页制作实用技术----Dreamweaver》什么是行为行为（Behavior）是在DreamweaverMX2004中预置的JavaScript程序，由事件（event）和对应动作（actions）组成。它能实现用户与网页间的交互，通过某个动作来触发某项计划。如当用户在页面中将鼠标移动并单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver和onClick，同时触发了一个动作载入图像。《网页制作实用技术----Dreamweaver》什么是事件浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事件都是交互的，如设置网页每10s自动重新载入。根据所选对象和在“显示事件”子菜单中指定的浏览器的不同，显示在“事件”下拉列表框中的事件将有所不同。InternetExplorer和NetscapeNavigator是当今主的流浏览器。IE4表明此事件适用于InternetExplorer4.0浏览器，NE4表明此事件适用于NetscapeNavigator4.0浏览器。《网页制作实用技术----Dreamweaver》认识“行为”面板在使用行为前要先了解行为的具体操作场所——“行为”面板，在DreamweaverMX2004右侧的浮动面板组中打开“标签”面板，在其中单击“行为”选项卡打开“行为”面板，如没有“行为”面板，可以选择[窗口][行为]菜单命令，也可按【Shift+F4】键打开“行为”面板。《网页制作实用技术----Dreamweaver》添加、修改和删除行为添加行为修改行为删除行为《网页制作实用技术----Dreamweaver》添加行为在不同类型的浏览器中可以根据需要将行为附加到整个文档、链接、图像、表单对象或任何其他的HTML元素中。《网页制作实用技术----Dreamweaver》修改行为选择添加行为的对象。按【Shift+F4】键打开“行为”面板，在其“动作”列表中双击要修改的行为动作或将其选择并按【Enter】键，也可单击鼠标右键，在弹出的快捷菜单中选择“编辑行为”命令，在打开的对话框中进行修改，然后单击“确定”按钮。《网页制作实用技术----Dreamweaver》删除行为在“行为”面板中选择要删除的行为。单击按钮或在行为上单击鼠标右键，在弹出的快捷菜单中选择“删除行为”命令，还可以直接按【Delete】键即可。《网页制作实用技术----Dreamweaver》获取更多的行为DreamweaverMX2004自带的行为比较少，如果想获取更多的行为可以从Macromedia公司和其他第三方的开发网站下载。在“行为”下拉列表中选择“获取更多的行为”选项，则会打开Macromedia公司官方网站提供的行为下载页面。《网页制作实用技术----Dreamweaver》应用行为设置文本“设置层文本”行为“设置框架文本”行为“设置文本域文本”行为“设置状态栏文本”行为播放声音打开浏览器窗口交换图像恢复交换图像改变属性检查浏览器检查插件检查表单设置导航栏图像转到URL弹出信息拖动层显示-隐藏层弹出式菜单调用JavaScript控制Shockwave或Flash预先载入图像跳转菜单跳转菜单开始时间轴《网页制作实用技术----Dreamweaver》“设置层文本”行为“设置层文本”行为可以用指定的内容替换现有层的内容和格式设置，但将保留层的属性，包括颜色。该内容可以包括任何有效的HTML源代码。《网页制作实用技术----Dreamweaver》“设置框架文本”行为“设置框架文本”行为可以动态设置框架的文本，用指定的内容替换框架的内容和格式设置。该内容可以包含任何有效的HTML源代码。使用此行为可以动态显示信息。《网页制作实用技术----Dreamweaver》“设置文本域文本”行为“设置文本域文字”行为可以用指定的内容替换表单文本域的内容。《网页制作实用技术----Dreamweaver》“设置状态栏文本”行为“设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。《网页制作实用技术----Dreamweaver》播放声音“播放声音”行为用来播放声音和音乐文件，页面背景音乐和鼠标单击时的声音都可以用此行为设置。《网页制作实用技术----Dreamweaver》打开浏览器窗口打开一个新的浏览器窗口，在其中显示所指定的内容，网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。《网页制作实用技术----Dreamweaver》交换图像“交换图像”行为可将一个图像替换为另一个图像，这是通过更改“scr”属性来实现的，此动作一般用来创建翻转按钮以及同时替换多个图片。《网页制作实用技术----Dreamweaver》恢复交换图像“恢复交换图像”行为用于将替换的图像恢复为原始的图像文件。《网页制作实用技术----Dreamweaver》改变属性“改变属性”行为用于改变网页元素的属性值。《网页制作实用技术----Dreamweaver》检查浏览器“检查浏览器”行为是为了根据浏览者使用的浏览器版本的不同来决定访问的不同网页，以提高网页的兼容性。可将此行为添加到与任何浏览器都兼容页面的＜body＞标签上，也可以将此行为添加到一个空链接上，并让该行为根据访问者浏览器的类型和版本确定链接的目标页面。《网页制作实用技术----Dreamweaver》检查插件“检查插件”行为用于检查访问者的电脑中是否安装了特定的插件，而决定将浏览者带往不同的页面，如浏览者电脑中安装了Flash插件，那么就播放Flash给浏览者观看，如果没有安装，就直接将浏览者带往没有Flash的页面。《网页制作实用技术----Dreamweaver》检查表单“检查表单”行为用于检查指定文本域的内容，以确保用户输入了正确的数据类型。使用“onBlur”事件添加到文本域，可以在用户填写表单时对域进行检查，若使用“onSubmit”事件将其添加到表单，在用户提交表单时可同时对多个文本域进行检查。使用该行为可以防止表单提交到服务器后指定的文本域包含无效的数据。《网页制作实用技术----Dreamweaver》设置导航栏图像“设置导航栏图像”行为用于将某个图像变为导航条图像，也可更改导航条中图像的显示和动作。使用“设置导航栏图像”行为，可以实现选择[插入][图像对象][导航条]菜单命令一样的功能。《网页制作实用技术----Dreamweaver》转到URL选择“转到URL”行为可在当前窗口或指定框架内打开一个新的页面。此行为在一次单击改变两个或更多框架的内容时特别有用，它也可以在时间轴内被调用，在特定时间间隔后跳转到新的页面。《网页制作实用技术----Dreamweaver》弹出信息“弹出信息”行为将用于显示一个指定的JavaScript提示信息框。该提示信息是提供给浏览者信息的，浏览者不能做出选择，也不能控制信息框的外观，只有一个“确定”按钮，其外观取决于浏览器属性。《网页制作实用技术----Dreamweaver》拖动层“拖动层”行为使网页中层的位置不再是固定不变的，而是可以随着浏览者的鼠标运动而运动，层在拖动过程中还可调用JavaScript代码或函数，从而实现一些特殊效果。《网页制作实用技术----Dreamweaver》显示-隐藏层“显示-隐藏层”行为用于改变一个或多个层的可见性。此行为可以用于交互时显示信息。如当鼠标光标滑过一个图像时，则显示该图像的相关信息，当鼠标光标离开这个图像时，提示信息则消失。《网页制作实用技术----Dreamweaver》弹出式菜单“弹出式菜单”行为用于在网页中实现类似于Windows系统中菜单效果，在设计网页时可以把一个类别的页面都放在菜单中，这样就能从主页直接访问到需要的子页，以方便浏览者。《网页制作实用技术----Dreamweaver》跳转菜单“跳转菜单”行为是用于修改已经创建好的跳转菜单。《网页制作实用技术----Dreamweaver》跳转菜单开始“跳转菜单开始”行为与“跳转菜单”行为密切相关，“跳转菜单开始”行为允许将“前往”按钮和一个“跳转菜单”行为关联起来。《网页制作实用技术----Dreamweaver》调用JavaScript“调用JavaScript”行为用于执行“行为”面板中某个特定事件时调用自己编写的JavaScript代码、函数。《网页制作实用技术----Dreamweaver》控制Shockwave或Flash“控制Shockwave或Flash”行为用来控制MacromediaShockwave或MacromediaFlash的播放、停止、重放或跳转到某一帧操作。《网页制作实用技术----Dreamweaver》预先载入图像在网页中包含了各种各样的图像，有些图像在网页被浏览器下载的时候不能被同时下载，要显示这些图片就需要再次发出下载指令，这样会影响浏览者的浏览。这时可使用“预先载入图像”行为先将这些图片载入到浏览器的缓存中，避免出现延迟。《网页制作实用技术----Dreamweaver》时间轴“时间轴”行为包括“播放时间轴”、“停止时间轴”和“转到时间轴帧”3项，通过链接或者按钮来控制时间轴动画的播放。《网页制作实用技术----Dreamweaver》上机实战本课上机实战将为已经制作好的“项目介绍”页面添加弹出信息、打开浏览器窗口、添加弹出式菜单和检查插件行为。在练习过程中，主要用到行为的概念、行为的编辑方法、弹出信息的创建、打开浏览器窗口以及显示弹出式菜单行为等知识点。