dw教学-第八讲----行为ppt课件

1、网页三剑客网页三剑客主讲主讲:刘苗刘苗第八讲第八讲 行为行为n通过本讲的学习通过本讲的学习,使大家掌握利用行为来制作动态使大家掌握利用行为来制作动态效果。效果。教学目标教学目标n行为的概述行为的概述n 添加行为添加行为本讲主要内容本讲主要内容任务一、行为的概述任务一、行为的概述1、Behavior 行为行为 Behavior是是Events事件和事件和Actions动作的组合动作的组合2、Events 事件事件 事件是在特定的时间或是用户在某时所发出的指令事件是在特定的时间或是用户在某时所发出的指令后紧接着发生的后紧接着发生的3、Actions 动作动作 动作是在事件发生后所要作出的反应动作是

2、在事件发生后所要作出的反应4、选择事件参数主要参数表）、选择事件参数主要参数表）5、显示事件、显示事件Call JavaScript：可以方便地加入：可以方便地加入JavaScript命令命令Change Property：可以通过设定的动作触发行为。：可以通过设定的动作触发行为。动态改变连接行为的对象属性，包括对象的颜色、动态改变连接行为的对象属性，包括对象的颜色、尺寸和背景等。尺寸和背景等。Check Browser：检测浏览器的版本。：检测浏览器的版本。Check Plugin：检查插件，用于检查用户的浏览器：检查插件，用于检查用户的浏览器中是否安装了浏览该网页内容的插件，如中是否安装了

3、浏览该网页内容的插件，如Flash Player等。等。nControl Shockwave or Flash：可以控制：可以控制Shockwave或或Flash动画的播放、停顿、返回或跳至动画的播放、停顿、返回或跳至某一帧等操作。某一帧等操作。nDrag Layer：拖动层，可以指定拖动图层的方向，：拖动层，可以指定拖动图层的方向，拖动图层的目标，再在某个固定大小的目标中是否拖动图层的目标，再在某个固定大小的目标中是否将层和目标对齐，图层与目标接触时的操作等。将层和目标对齐，图层与目标接触时的操作等。nGo To URL：用于在当前窗口或指定的框架中，打：用于在当前窗口或指定的框架中，打开一

4、个新的页面。开一个新的页面。nJump Menu和和 Jump Menu Go：通过：通过Jump Menu可以创建跳转菜单；可以创建跳转菜单；nJump Menu Go，可以给插入的跳转菜单加上一，可以给插入的跳转菜单加上一个个Go按钮。按钮。nOpen Browser Window：调用此命令，可以让用：调用此命令，可以让用户在触发该行为时打开一个新的浏览器窗口，在户在触发该行为时打开一个新的浏览器窗口，在新窗口中可以载入指定新窗口中可以载入指定URL地址上的网页。地址上的网页。nPlay Sound：可以为网页添加音乐：可以为网页添加音乐nPopup Message：用以制作弹出对话框。

5、：用以制作弹出对话框。nPreload Images：可以在浏览器缓存中载入不会：可以在浏览器缓存中载入不会立即出现在页面上的图像，而不使下载时间过长立即出现在页面上的图像，而不使下载时间过长nSet Nav Bar Image：可以将图像转换成导航条图：可以将图像转换成导航条图像或改变在导航条中的图像显示，也可用来更新、像或改变在导航条中的图像显示，也可用来更新、编辑导航栏图像。编辑导航栏图像。nSet Text：nShow-Hide Layer：可以显示、隐藏或恢复一个：可以显示、隐藏或恢复一个或多个层默认的可见性或多个层默认的可见性nSwap Image和和 Swap Image Res

6、tore：Swap Image，可以制作轮替图；，可以制作轮替图；Swap Image Restore用于将在用于将在Swap Image动作中设置的后一张图片，动作中设置的后一张图片，恢复为设置的前一张图片。恢复为设置的前一张图片。n有关有关Timeline的动作的动作nValidate Form：检验指定文本框中的内容，以确：检验指定文本框中的内容，以确认用户输入了正确的数据类型，即验证表单。认用户输入了正确的数据类型，即验证表单。2、行为面板、行为面板Behavior面板介绍面板介绍“添加动作按钮，为对象添加动作添加动作按钮，为对象添加动作“删除动作按钮，删除对象已存在的动作删除动作按钮

7、，删除对象已存在的动作“上上/下移按钮，调整动作的条件下移按钮，调整动作的条件Action动作），当事件发生时进行的动作动作），当事件发生时进行的动作任务二、添加行为任务二、添加行为在网页中选定一个对象。该对象可以是图像、文在网页中选定一个对象。该对象可以是图像、文本或层，也可以单击文档窗口左下角的本或层，也可以单击文档窗口左下角的标标志，选中整个页面志，选中整个页面在在Bahaviors面板上选加号按钮，添加行为后，在面板上选加号按钮，添加行为后，在面板中的事件中，点击小三角按钮，选择事件参面板中的事件中，点击小三角按钮，选择事件参数数留意：可以为一个或几个对象，超链接或网留意：可以为一个或

8、几个对象，超链接或网 页中其页中其他元素，甚至可以为整个网页添加行为。他元素，甚至可以为整个网页添加行为。1、拖动层、拖动层 利用拖动层动作，可以实现在页面上对层及其中的内容利用拖动层动作，可以实现在页面上对层及其中的内容进行移动，以实现特殊的页面效果。进行移动，以实现特殊的页面效果。Basic根本选项卡根本选项卡Layer：选择要操作的层：选择要操作的层Movement挪动）：选择层被拖动时的移动方式挪动）：选择层被拖动时的移动方式 Constrained受限制）受限制）Unconstrained不受限制）不受限制）Drop Target拖动目标区域：可设置层被移动到的位置拖动目标区域：可设

9、置层被移动到的位置Get Current Position获取当前位置）获取当前位置）Snap if With in在在范围内则靠齐）范围内则靠齐）Advanced高级）高级）2、弹出信息、弹出信息1标签选择器中选择出发动作的对象标签标签选择器中选择出发动作的对象标签2在行为面板中选择在行为面板中选择“Popup Message”3在文本框中输入信息，行为面板中设置触发事件在文本框中输入信息，行为面板中设置触发事件3、验证表单、验证表单1在网页中出入文本框和按钮，选中按钮在网页中出入文本框和按钮，选中按钮2在行为面板中选择在行为面板中选择“Vslidate Form”4、播放声音、播放声音选择

10、触发动作的对象标签，行为面板中选择选择触发动作的对象标签，行为面板中选择“Play Sound选择声音文件选择声音文件5、打开浏览器窗口、打开浏览器窗口1在标签选择器中选择出发动作的标签在标签选择器中选择出发动作的标签2行为面板中选择行为面板中选择“Open Browser Window”3面板内容：面板内容： URL to display:要显示的要显示的URL Window width/Window height:窗口宽度和高度窗口宽度和高度Attributes(属性）：属性）：Navigation Toolbar:导航工具栏导航工具栏Menu Bar:菜单条菜单条Location Too

11、lbar:地址工具栏地址工具栏Scrollbars as Needed:需要时使用滚动条需要时使用滚动条Status bar:状态栏状态栏Resize Handles:调整大小手柄调整大小手柄Window Name:窗口名称窗口名称n本讲主要介绍了用行为面板来制作网页的动态效本讲主要介绍了用行为面板来制作网页的动态效果果.能熟练掌握行为面板中各种行为事件、动作能熟练掌握行为面板中各种行为事件、动作的创建。的创建。本讲小结本讲小结上机作业上机作业n制作拖动层的动画制作拖动层的动画n制作下拉菜单制作下拉菜单n自动跳转自动跳转思考题思考题n时间线可以被应用到哪些页面元素上？时间线可以被应用到哪些页面元素上？n什么设置可以影响时间线动画的播放速度？若要什么设置可以影