第6章 时间轴和行为.ppt

《第6章 时间轴和行为.ppt》由会员分享，可在线阅读，更多相关《第6章 时间轴和行为.ppt（53页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第6 6章章 时间轴和行为时间轴和行为6.1【案例【案例3333】“体育世界体育世界”网页网页6.2【案例【案例3434】添加游动广告的】添加游动广告的“体育世界体育世界”网页网页 6.3【案例【案例3535】“跟我学计算机跟我学计算机”网页网页调出式菜单调出式菜单6.4【案例【案例3636】“北京名胜北京名胜1”网页网页交替变化图像交替变化图像 6.5【案例【案例3737】“北京名胜北京名胜2”网页网页弹出窗口弹出窗口 6.6【案例【案例3838】“图像链接翻转图像链接翻转”网页网页 6.7【案例【案例3939】“跟我学制作表单跟我学制作表单”网页（二）网页（二）6.8【案例【案例4040

2、】“控制播放控制播放Flash动画和动画和MIDI音乐音乐”网网页页 6.9【案例【案例4141】“活动菜单活动菜单”网页网页6.10【案例【案例4242】“拼图拼图”网页网页 6.1【案例【案例3333】“体育世界体育世界”网页网页1“时间轴时间轴”面板面板单单击击“窗窗口口”“时时间间轴轴”菜菜单单命命令令或或按按【Alt+F9】组组合合键键，即即可可调调出出“时时间轴间轴”面板，如图面板，如图6-1-4所示。该面板中的各个工具及其他选项的作用如下。所示。该面板中的各个工具及其他选项的作用如下。（1）“时时间间轴轴”下下拉拉列列表表框框：其其内内列列出出了了当当前前页页面面内内所所有有时时

3、间间轴轴动动画画的的名名字字，选选中中其其中中一一个个选选项项后后，相相应应的的动动画画就就会会在在“时时间间轴轴”面面板板中中显显示示出出来来。右右击击“时时间间轴轴”面面板板内内部部，调调出出“时时间间轴轴”快快捷捷菜菜单单，单单击击该该菜菜单单中中的的“添添加加时时间间轴轴”菜菜单单命命令令，即即可可在在“时时间间轴轴”下下拉拉列列表表框框内内添添加加一一个个新新的的时时间间轴轴动动画画（默认名称为（默认名称为“Timeline”+序号）。序号）。（2）回回放放头头：播播放放动动画画时时，它它在在时时间间标标尺尺上上移移动动，好好像像放放像像机机的的磁磁头头一一样样。用用鼠鼠标标拖拖曳曳

4、它它在在时时间间标标尺尺上上移移动动，当当它它移移到到某某一一时时间间单单位位处处时时，相相应应的的动动画画画面就会出现在网页窗口内。画面就会出现在网页窗口内。（3）【播播放放】按按钮钮：单单击击它它，可可以以使使动动画画前前进进一一个个帧帧。按按住住该该按按钮钮不不放放，可可以向正常方向播放动画。以向正常方向播放动画。（4）【回回放放】按按钮钮：单单击击它它，可可以以使使动动画画回回退退一一帧帧。单单击击按按下下该该按按钮钮不不放放，可以向相反方向播放动画。可以向相反方向播放动画。（5）【归归位位】按按钮钮：将将动动画画图图像像移移到到起起始始位位置置，同同时时回回放放头头也也移移动动到到该

5、该位位置置处。处。（6）“回回放放头头位位置置”（也也是是当当前前帧帧号号码码）文文本本框框：用用来来输输入入显显示示和和设设置置“回回放头放头”所处的时间轴位置号，即当前帧号码。所处的时间轴位置号，即当前帧号码。（7）“速率速率”文本框：用来输入每秒钟播放的帧数。文本框：用来输入每秒钟播放的帧数。（8）“自自动动播播放放”复复选选框框：选选中中它它后后，则则在在网网上上下下载载后后会会自自动动播播放放。不不选选中中它时，需要在使用行为事件时才可以播放。它时，需要在使用行为事件时才可以播放。（9）“循环循环”复选框：选中它后，则循环播放动画，否则只播放一次动画。复选框：选中它后，则循环播放动画

6、，否则只播放一次动画。（10）动动画画通通道道：它它由由许许多多图图层层组组成成，表表示示可可以以在在一一个个页页面面内内加加入入多多个个时时间间轴轴动动画画，但但最最多多可可以以加加32个个。它它的的左左边边标标有有图图层层的的编编号号，图图层层编编号号大大的的动动画画在图层编号小的动画之上。在图层编号小的动画之上。（11）动动画画条条：表表示示一一个个动动画画所所占占的的帧帧数数，上上面面标标有有该该动动画画所所在在层层的的名名字字。它它的的起起始始处处和和终终止止处处各各有有一一个个小小圆圆，表表示示首首帧帧和和终终止止帧帧。如如果果设设置置了了关关键键帧帧，则关键帧也会有一个小圆。则关

7、键帧也会有一个小圆。（12）行为通道左边标有字母）行为通道左边标有字母“B”，可以在该通道的特定帧使用行为。可以在该通道的特定帧使用行为。（13）行为帧：加入了行为的帧，它在）行为帧：加入了行为的帧，它在“行为通道行为通道”内。内。（14）时间标尺：给出了与时间对应的帧数码。）时间标尺：给出了与时间对应的帧数码。2直线移动动画的制作直线移动动画的制作下下面面来来使使用用“时时间间轴轴”面面板板制制作作一一个个简简单单的的、沿沿直直线线移移动动的的动动画画。该该动动画画的的制作方法如下所述。制作方法如下所述。（1）在在页页面面内内插插入入一一个个层层，给给该该层层起起一一个个名名字字，例例如如“

8、Layer1”。然然后后在在层层内内插插入入一一个个图图像像、动动画画或或输输入入一一些些文文字字等等。此此处处层层中中插插入入的的是是GIF动动画画，如如图图6-1-6所示。所示。（2）将插有图像或文字的层移到动画的起始位置。）将插有图像或文字的层移到动画的起始位置。（3）单击）单击“窗口窗口”“时间轴时间轴”菜单命令，调出菜单命令，调出“时间轴时间轴”面板。面板。（4）用用鼠鼠标标将将层层拖拖曳曳到到“时时间间轴轴”面面板板的的动动画画通通道道内内，或或单单击击“修修改改”“时时间间轴轴”“增增加加对对象象到到时时间间轴轴”菜菜单单命命令令。这这时时，“时时间间轴轴”面面板板的的动动画画通

9、通道道内内会会出出现现一一个个动动画画条条。如如果果选选中中了了“循循环环”复复选选框框，则则在在动动画画通通道道中中，会同时出现一个会同时出现一个“动作帧动作帧”。（5）单单击击选选中中动动画画条条的的终终止止帧帧。默默认认的的动动画画帧帧数数是是15帧帧，如如果果要要调调整整动动画画的的帧数，可用鼠标拖曳动画条终止帧的小圆。在改变了终止帧的位置之后，帧数，可用鼠标拖曳动画条终止帧的小圆。在改变了终止帧的位置之后，如果此时选中了如果此时选中了“循环循环”复选框，还应用鼠标拖曳行为通道的行为帧到终止复选框，还应用鼠标拖曳行为通道的行为帧到终止帧的下一个位置处。用鼠标向右拖曳第帧的下一个位置处。

10、用鼠标向右拖曳第1515帧小圆到第帧小圆到第3030帧处，如图所示。帧处，如图所示。（6）用用鼠鼠标标拖拖曳曳动动画画层层到到目目标标处处。当当松松开开鼠鼠标标左左键键时时，会会看看到到一一条条直直线线，表表示图像移动的路径。示图像移动的路径。在在选选中中“循循环环”复复选选框框的的情情况况下下，如如果果先先用用鼠鼠标标拖拖曳曳动动画画层层到到目目标标处处，再再调调整整“时时间间轴轴”面面板板中中终终止止帧帧的的位位置置，则则还还需需要要用用鼠鼠标标拖拖曳曳调调整整“动动作作帧帧”到到终止帧的下一帧位置处。终止帧的下一帧位置处。（7）按住【播放】按钮不放，即可在网页设计窗口内看到动画。）按住【

11、播放】按钮不放，即可在网页设计窗口内看到动画。6.2 6.2 【案例【案例3434】添加游动广告的】添加游动广告的“体育世界体育世界”网网页页“时时间间轴轴”面面板板可可以以在在用用户户给给出出起起始始帧帧和和终终止止帧帧后后自自动动产产生生中中间间过过程程的的各各帧帧。如如果果动动画画的的移移动动路路径径不不是是直直线线的的，中中间间有有转转折折点点，则则转转折折点点处处的的画画面面就就是是关关键键帧帧。加加入入关关键键帧帧，可可以以使使沿沿直直线线路路径径移移动动的的动动画画变变为为沿沿曲曲线线或或折折线线路路径径移移动的动画，添加关键帧的方法如下。动的动画，添加关键帧的方法如下。（1）单

12、单击击选选中中动动画画条条内内要要加加入入关关键键帧帧的的位位置置，回回放放头头会会随随之之移移到到此此时时间间位位置置，同同时时回回放放头头回回移移到到此此处处，用用来来指指示示选选中中的的位位置置。例例如如，选选择择第第15帧帧（将将终终止止帧移到第帧移到第30帧处）。帧处）。（2）在在动动画画条条内内，单单击击鼠鼠标标右右键键，调调出出时时间间轴轴快快捷捷菜菜单单。再再单单击击该该菜菜单单内内的的“增增加加关关键键帧帧”菜菜单单命命令令，即即可可在在选选中中的的位位置置处处插插入入一一个个关关键键帧帧，如如图图所所示示。按住【按住【Ctrl】键，单击要加入关键帧的位置，也可以添加关键帧。

13、键，单击要加入关键帧的位置，也可以添加关键帧。如果对关键帧的位置不满意，可以用鼠标拖曳关键帧上的小圆到满意的位置。如果对关键帧的位置不满意，可以用鼠标拖曳关键帧上的小圆到满意的位置。如如果果要要删删除除关关键键帧帧，可可以以单单击击选选中中要要删删除除的的关关键键帧帧，单单击击鼠鼠标标右右键键，调调出出时时间轴快捷菜单，再单击该菜单中的间轴快捷菜单，再单击该菜单中的“移除关键帧移除关键帧”菜单命令即可。菜单命令即可。2制作沿曲线路径移动的动画制作沿曲线路径移动的动画方方法法1：单单击击选选中中关关键键帧帧，用用鼠鼠标标拖拖曳曳动动画画层层到到新新的的位位置置，即即可可确确定定关关键键帧帧图图像

14、像的的位位置置。此此时时，动动画画移移动动的的路路径径线线会会变变为为一一条条曲曲线线。可可以以看看出出，路路径径线线的的起起始始位位置置与与终终止止位位置置不不变变。如如果果要要改改变变关关键键帧帧图图像像的的位位置置，可可以以再再用用鼠鼠标标拖拖曳动画层到新的位置。曳动画层到新的位置。按按住住【播播放放】按按钮钮不不放放，即即可可在在网网页页设设计计窗窗口口内内看看到到沿沿曲曲线线路路径径移移动动的的动动画画了。了。方法方法2：可以用鼠标拖曳的方法来制作沿曲线路径移动的动画，设计过程如下。：可以用鼠标拖曳的方法来制作沿曲线路径移动的动画，设计过程如下。在在页页面面内内插插入入一一个个层层，

15、并并给给该该层层起起一一个个名名字字。然然后后，在在层层内内插插入入一一个个图图像像或或输输入入一一些些文文字字等等，再再将将插插有有图图像像或或文文字字的的层层移移到到动动画画的的起起始始位位置置。此此处处，层层中插入的是图像。中插入的是图像。单单击击选选中中该该层层，再再单单击击“修修改改”“时时间间轴轴”“录录制制层层路路径径”菜菜单单命命令令，或者单击时间轴快捷菜单中的或者单击时间轴快捷菜单中的“录制层路径录制层路径”菜单命令。菜单命令。在网页设计窗口内，在网页设计窗口内，按照希望的曲线路径，用鼠标拖曳层。随着鼠标拖曳的按照希望的曲线路径，用鼠标拖曳层。随着鼠标拖曳的进行，会产生一条曲

16、线路径线。进行，会产生一条曲线路径线。松开鼠标左键，即可生成复杂曲线路径。此时，松开鼠标左键，即可生成复杂曲线路径。此时，“时间轴时间轴”面板会自动产生面板会自动产生动画条，如图所示。由产生的动画条可以看出，用鼠标拖曳所用的时间越长，动画条，如图所示。由产生的动画条可以看出，用鼠标拖曳所用的时间越长，组成动画的帧数也越多。鼠标拖曳时的转折点越多，自动产生的关键帧也越组成动画的帧数也越多。鼠标拖曳时的转折点越多，自动产生的关键帧也越多。多。按住【播放】按钮不放，即可在网页设计窗口内看到沿曲线路径移动的动画按住【播放】按钮不放，即可在网页设计窗口内看到沿曲线路径移动的动画3动画的更名、删除、复制和

17、移动动画的更名、删除、复制和移动（1）动画的更名：动画的更名：可以直接在可以直接在“时间轴时间轴”面板的列表框内更改动画的名字。面板的列表框内更改动画的名字。另外，可以单击时间轴菜单中的另外，可以单击时间轴菜单中的“重命名时间轴重命名时间轴”菜单命令，调出菜单命令，调出“重命名重命名时间时间轴轴”对对话话框框。在在该该对对话话框框的的“时时间间轴轴名名称称”文文本本框框内内输输入入新新的的名名字字，再再单单击击【确定】按钮即可。【确定】按钮即可。（2）动画的删除：动画的删除方法如下。）动画的删除：动画的删除方法如下。删删除除动动画画条条：单单击击选选中中要要删删除除的的动动画画条条，按按【De

18、lete】键键或或单单击击“编编辑辑”“剪切剪切”菜单命令。菜单命令。删除所有动画条：单击时间轴菜单中的删除所有动画条：单击时间轴菜单中的“移除时间轴移除时间轴”菜单命令。菜单命令。（3）动画的复制：动画的复制方法如下。）动画的复制：动画的复制方法如下。单击选中要复制的动画条，再单击时间轴菜单中的单击选中要复制的动画条，再单击时间轴菜单中的“拷贝拷贝”菜单命令。菜单命令。调调整整回回放放头头的的位位置置，再再单单击击时时间间轴轴菜菜单单中中的的“粘粘贴贴”菜菜单单命命令令，即即可可在在选选中中的的动动画画条条的的右右边边复复制制一一个个动动画画条条。而而且且可可以以粘粘贴贴到到其其他他页页面面

19、的的“时时间间轴轴”面面板中。板中。（4）动画的移动：动画的移动方法如下。）动画的移动：动画的移动方法如下。方方法法一一：单单击击选选中中要要移移动动的的动动画画条条，再再单单击击时时间间轴轴菜菜单单中中的的“剪剪切切”菜菜单单命命令令。调调整整回回放放头头的的位位置置，再再单单击击时时间间轴轴菜菜单单中中的的“粘粘贴贴”菜菜单单命命令令，即即可可将将动动画画条条移移到到回回放放头头所所处处的的位位置置处处，而而且且可可以以移移动动到到其其他他页页面面的的“时时间间轴轴”面面板中。板中。方法二：方法二：可以用鼠标拖曳一个动画条在整个动画通道内移动。按住【可以用鼠标拖曳一个动画条在整个动画通道内

20、移动。按住【ShiftShift】键，单击要移动的动画条，选中多个动画条，鼠标拖曳选中的动画条，即可键，单击要移动的动画条，选中多个动画条，鼠标拖曳选中的动画条，即可同时移动多个动画条。同时移动多个动画条。6.3 6.3 【案例【案例3535】“跟我学计算机跟我学计算机”网页网页调出式菜调出式菜单单1动作名称及其作用动作名称及其作用行行为为是是动动作作（Actions）和和事事件件（Events）的的组组合合。动动作作就就是是计计算算机机系系统统执执行行的的一一个个动动作作，例例如如，调调出出一一个个提提示示框框、执执行行一一段段程程序序或或一一个个函函数数、播播放放声声音音或或影影片片、启启

21、动动或或停停止止“时时间间轴轴”面面板板中中的的动动画画等等。动动作作通通常常是是由由预预先先编编写写好好的的JavaScript程程序序脚脚本本实实现现的的，Dreamweaver8自自带带了了一一些些动动作作的的JavaScript程程序序脚脚本本，可可供供用用户户直直接接调调用用。用用户户也也可可以以自自己己用用JavaScript语语言言编编写写JavaScript程序脚本，创建新的行为。程序脚本，创建新的行为。事事件件是是指指引引发发动动作作产产生生的的事事情情，例例如如，鼠鼠标标移移到到某某对对象象之之上上、鼠鼠标标单单击击某某对对象象、“时时间间轴轴”面面板板中中的的回回放放头头

22、播播放放到到某某一一帧帧等等。要要创创建建一一个个行行为为，就就是是要要指指定定一一个个动动作作，再再确确定定触触发发该该动动作作的的事事件件。有有时时，某某几几个个动动作作可可以以被被相相同同的的事件触发，则须要指定动作发生的顺序。事件触发，则须要指定动作发生的顺序。Dreamweaver8采采用用了了“行行为为”面面板板（也也叫叫“行行为为控控制制器器”）来来完完成成行行为为中中的的动作和事件的设置，从而实现动态交互效果。动作和事件的设置，从而实现动态交互效果。单单击击“窗窗口口”“行行为为”菜菜单单命命令令或或按按【Shift+F3】组组合合键键，即即可可调调出出“行行为为”面板。面板。

23、单击单击“行为行为”面板中的面板中的“添加行为添加行为 ”按钮，调出按钮，调出“动作名称动作名称”菜单，其菜单，其作用如作用如表所示表所示 。再单击某。再单击某 一个动作名称，即可进行相应的动作设置。一个动作名称，即可进行相应的动作设置。动作名称及动作的作用动作名称及动作的作用 序号 动作的英文名称 动作的中文名称 动作的作用 1Swap Image 交换图像 交换图像 2Popup Message 调出信息 调出消息栏 3Swap Image Restore 恢复交换图像 恢复交换图像 4Open Browser Window 打开浏览器窗口 打开新的浏览器窗口 5Drag Layer 拖动

24、层 拖曳层到目标位置 6Control Shockwave or Flash 控制Shockwave 或Flash 控制Shockwave 或Flash影像 7Play Sound 播放声音 播放声音 8Change Property 改变属性 改变对象的属性 9-1Play Timeline 时间轴（播放时间轴）播放时间轴上的动画 9-2Stop Timeline 时间轴（停止时间轴）停止时间轴上动画的播放 9-3Go To Timeline Frame 时间轴（转到时间轴帧）跳转到时间轴上的某一帧 10Show-Hide Layers 显示隐藏层 显示或隐藏层 11Show-Menu 显示

25、调出菜单 为图像添加调出菜单 序号 动作的英文名称 动作的中文名称 动作的作用 12Check Plugin 检查插件 检查浏览器中已安装插件的功能 13Check Browser 检查浏览器 检查浏览器的类型和型号，以确定显示的页面 14Validate Form 检查表单 检查指定的表单内容的数据类型是否正确 15Set Nav Bar Image 设置导航栏图像 设置引导链接的动态导航条图像按钮 16-1Set Text of Layer 设置文本（设置层文本）设置层中的文本 16-2Set Text of Frame 设置文本（设置框架文本）设置框架中的文本 16-3Set Text

26、of Text Field 设置文本（设置文本域文字）设置表单域内文字框中的文字 16-4Set Text of Status Bar 设置文本（设置状态条文本）设置状态栏中的文本 17Call JavaScript 调用JavaScript 调用JavaScript函数 18Jump Menu 跳转菜单 选择菜单实现跳转 19Jump Menu Go 跳转菜单开始 选择菜单后，单击【Go】按钮实现跳转 20Go To URL 转到URL 跳转到URL指定的网页 21Preload Images 预先载入图像预装载图像，以改善显示效果 22Get More Behaviors 获得更多行为 上

27、网，获得更多行为（不属于动作）注意：注意：对于选择不同的浏览器，可以使用的动作也不一样，版本低的浏览器可以使用对于选择不同的浏览器，可以使用的动作也不一样，版本低的浏览器可以使用的动作较少。当选定的对象不一样时，动作名称菜单中可以使用的动作也不一样。的动作较少。当选定的对象不一样时，动作名称菜单中可以使用的动作也不一样。进行完动作的设置后，在进行完动作的设置后，在“行为行为”面板的列表框内会显示出动作的名称与默面板的列表框内会显示出动作的名称与默认的事件名认的事件名称。可以看出，在选中动作名称后，称。可以看出，在选中动作名称后，“事件事件”栏中默认的事件名栏中默认的事件名称右边会出现一个按钮。

28、称右边会出现一个按钮。2 2事件名称及其作用事件名称及其作用如如果果要要重重新新设设置置事事件件，可可单单击击“事事件件”栏栏中中默默认认的的事事件件名名称称右右边边的的按按钮钮，调调出事件名称菜单。菜单中列出了该对象可以使用的所有事件。出事件名称菜单。菜单中列出了该对象可以使用的所有事件。各个事件的名称及其作用如表所示。各个事件的名称及其作用如表所示。序号 事 件 名 称 事件可以作用的对象 事件的作用 1OnAbort 图像、页面等 中断对象载入操作时 2onAfterUpdate 图像、页面等 对象更新之后 3onBeforeUpdate 图像、页面等 对象更新之前 4onFocus 按

29、钮、链接和文本框等 当前对象得到输入焦点时 5onBlur 按钮、链接和文本框等 焦点从当前对象移开时 序号 事 件 名 称 事件可以作用的对象 事件的作用 6onClick 所有对象 单击对象时 7onDblClick 所有对象 双击对象时 8onError 图像、页面等 载入图像等当中产生错误时 9onHelp 图像等 调用帮助时 10onLoad 图像、页面等 载入对象时 11onMouseDown 链接图像和文字等 在链接文字或图像处按下鼠标左键时 12onMouseUp 链接图像和文字等 在链接文字或图像处松开鼠标左键时 13onMouseOver 链接图像和文字等 鼠标指针移入链接

30、文字或图像区域时 14onMouseOut 链接图像和文字等 鼠标指针移出链接文字或图像区域时 15onMouseMove 链接图像和文字等 鼠标指针在链接文字或图像上移动时 16onReadyStateChange 图像等 对象状态改变时 17onKeyDown 链接图像和文字等 当焦点在对象上，按键处于按下状态时 序号 事 件 名 称 事件可以作用的对象 事件的作用 18onKeyPress 链接图像和文字等 当焦点在对象上，按键按下时 19onKeyUp 链接图像和文字等 当焦点在对象上，按键抬起时 20onSubmit 表单等 表单提交时 21onReset 表单等 表单重置时 22o

31、nSelect 文字段落、选择框等 选定文字段落或选择框内某项时 23onUnload 主页面等 当离开此页时 24onResize 主窗口、帧窗口等 当浏览器内的窗口大小改变时 25onScroll主窗口、帧窗口、多行输入文本框等 当拖曳浏览器窗口的滚动条时 26onRowEnter Shockwave等 动画载入时 27OnRowExit Shockwave等 动画卸载时 注意：注意：如果出现带括号的事件，则该事件是链接对象的。使用它们时，系统会自动在如果出现带括号的事件，则该事件是链接对象的。使用它们时，系统会自动在行为控制器下拉列表框内显示的事件名称前面增加一个行为控制器下拉列表框内显

32、示的事件名称前面增加一个“#”号，表示空链接。号，表示空链接。3设置行为的其他操作设置行为的其他操作（1）选选择择行行为为的的目目标标对对象象：要要设设置置行行为为，必必须须先先选选中中事事件件作作用用的的对对象象。单单击击选选中中图图像像、用用鼠鼠标标拖拖曳曳选选中中文文字字等等，都都可可以以选选择择行行为为的的目目标标对对象象。另另外外，也也可可以以单单击击网网页页设设计计窗窗口口左左下下角角状状态态栏栏上上的的标标记记，来来选选中中行行为为的的目目标标对对象象。例例如如，要要选选中中整整个个页页面面窗窗口口，可可单单击击 标标记记。还还可可以以单单击击页页面面空空白白处处，再再按【按【C

33、trl+A】组合键。组合键。选选中中不不同同的的对对象象后后，“标标签签”面面板板的的标标题题栏栏名名称称会会随随之之发发生生变变化化。“标标签签”面面板板的的标标题题栏栏的的名名称称中中将将显显示示行行为为的的对对象象名名称称，例例如如，选选择择整整个个页页面面窗窗口口后后，“标签标签”面板的名称为面板的名称为“标签标签”。（2）显显示示所所有有事事件件：单单击击“行行为为”面面板板中中的的【显显示示所所有有事事件件】按按钮钮 ，在在“行行为为”面面板板中中会会显显示示出出选选中中对对象象所所能能使使用用的的所所有有事事件件。单单击击【显显示示设设置置事事件】按钮件】按钮 后，在后，在“行为

34、行为”面板中只显示已经使用的事件。面板中只显示已经使用的事件。（3）单单击击选选中中“行行为为”面面板板内内的的某某一一个个行行为为项项（即即动动作作和和事事件件）时时，再再单单击击按钮按钮 ，即可删除选中的行为项。，即可删除选中的行为项。（4）单单击击选选中中“行行为为”面面板板内内的的某某一一个个行行为为项项后后，再再单单击击 按按钮钮，可可以以使使选选中中的的行行为为的的执执行行次次序序提提前前，单单击击选选中中行行为为项项后后，再再单单击击 按按钮钮，可可以以使使选中的行为，执行次序下降。选中的行为，执行次序下降。4“显示显示隐藏层隐藏层”动作动作选选中中层层以以后后，在在“行行为为”

35、面面板板中中选选择择“显显示示隐隐藏藏层层”菜菜单单命命令令，可可以以调调出出“显示显示隐藏层隐藏层”对话框。对话框。（1）如如果果要要设设置置层层为为显显示示状状态态，则则单单击击选选中中“命命名名的的层层”列列表表框框内内层层的的名名称称，再再单单击击【显显示示】按按钮钮，此此时时“命命名名的的层层”列列表表框框内内选选中中的的层层名名称称右右边边会会出出现现“（显示）（显示）”文字。文字。（2）如如果果要要设设置置层层为为不不显显示示状状态态，则则单单击击选选中中“命命名名的的层层”列列表表框框内内层层的的名名称称，再再单单击击【隐隐藏藏】按按钮钮，此此时时“命命名名的的层层”列列表表框

36、框内内选选中中的的层层名名称称右右边边会会出现出现“（隐藏）（隐藏）”文字。文字。（3）单击【默认值】按钮后，可将层的显示与否设置为默认状态。）单击【默认值】按钮后，可将层的显示与否设置为默认状态。6.4 6.4 【案例【案例3636】“北京名胜北京名胜1 1”网页网页交替变化图交替变化图像像 1“调出信息调出信息”动作动作选选择择整整个个页页面面，单单击击“行行为为”面面板板中中的的 按按钮钮，调调出出“动动作作名名称称”菜菜单单，单单击击选选择择“调调出出信信息息”菜菜单单命命令令，调调出出“调调出出信信息息”对对话话框框。在在“消消息息”文文本本框框内内输输入入调调出出的的对对话话框框内

37、内要要显显示示的的文文字字，单单击击【确确定定】按按钮钮，即即可可完完成成动动作作设置。设置。2“设置文本设置文本”动作动作选选择择一一个个页页面面对对象象，单单击击“行行为为”面面板板中中的的 按按钮钮，调调出出“动动作作名名称称”菜菜单单，单单击击选选择择“设设置置文文本本”菜菜单单命命令令，调调出出它它的的子子菜菜单单，各各子子菜菜单单命命令令的的作作用用如如下所述。下所述。（1）设设置置状状态态条条文文本本：选选择择整整个个页页面面，单单击击“行行为为”面面板板中中的的 按按钮钮，再再单单击击选选择择“设设置置文文本本”“设设置置状状态态栏栏文文本本”菜菜单单命命令令，会会调调出出“设

38、设置置状状态态栏栏文文本本”对对话话框框。在在“消消息息”文文本本框框内内输输入入要要在在状状态态栏栏中中显显示示的的文文字字，然然后后单击【确定】按钮。单击【确定】按钮。（2）设设置置层层文文本本：选选择择一一个个层层，单单击击“行行为为”面面板板中中的的 按按钮钮，单单击击选选择择“设设置置文文本本”“设设置置状状态态栏栏文文本本”菜菜单单命命令令，调调出出“设设置置层层文文本本”对对话话框框。利利用用该该对对话话框框，可可以以在在指指定定的的层层中中建建立立一一个个文文本本域域。该该对对话话框框中中各各选选项项的的作作用如下。用如下。“层层”下拉列表框：下拉列表框：选择层的名称。选择层的

39、名称。“新建新建HTMLHTML”文本框：可以输入发生事件后，在选定层内显示的文字内容，文本框：可以输入发生事件后，在选定层内显示的文字内容，该内容包括任何有效的该内容包括任何有效的HTMLHTML源代码。源代码。（3 3）设置框架文本：在创建框架后，选中一个框架，单击）设置框架文本：在创建框架后，选中一个框架，单击“行为行为”面板中的面板中的按钮按钮 ，再单击选择，再单击选择“设置文本设置文本”“设置框架文本设置框架文本”菜单命令，调出菜单命令，调出“设置框架文本设置框架文本”对话框。利用该对话框，可以在选中的框架内建立一个文本对话框。利用该对话框，可以在选中的框架内建立一个文本域。该对话框

40、中各选项的作用如下。域。该对话框中各选项的作用如下。“框架框架”下拉列表框：用来选择分栏框架窗口的名称。下拉列表框：用来选择分栏框架窗口的名称。“新建新建HTML”文本框：可以在此文本框内输入发生事件后，在选定的分栏框文本框：可以在此文本框内输入发生事件后，在选定的分栏框架窗口内显示的文字内容，该内容包括任何有效的架窗口内显示的文字内容，该内容包括任何有效的HTML源代码。源代码。【获得当前获得当前HTML】按钮：单击它后，在按钮：单击它后，在“新建新建HTML”文本框内会显示出选文本框内会显示出选中的分栏框架窗口内网页的中的分栏框架窗口内网页的HTML地址。地址。“保留背景颜色保留背景颜色”

41、复选框：选择它后，可以保存背景色。复选框：选择它后，可以保存背景色。（4）设置文本域文字：先创建表单域内的文本框，并命名，单击）设置文本域文字：先创建表单域内的文本框，并命名，单击“行为行为”面面板中的板中的 按钮，再单击选择按钮，再单击选择“设置文本设置文本”“设置文本域文字设置文本域文字”菜单命令，菜单命令，调出调出“设置文本域文字设置文本域文字”对话框，如图所示。对话框，如图所示。在在该该对对话话框框的的“文文本本域域”下下拉拉列列表表框框内内选选择择文文本本域域，再再在在“新新建建文文本本”文文本本框内输入文本。然后，单击【确定】按钮，退出框内输入文本。然后，单击【确定】按钮，退出“设

42、置文本域文字设置文本域文字”对话框。对话框。6.5 6.5 【案例【案例3737】“北京名胜北京名胜2 2”网页网页弹出窗口弹出窗口 1“打开浏览器窗口打开浏览器窗口”动作动作单单击击“行行为为”面面板板中中的的按按钮钮，调调出出“动动作作名名称称”菜菜单单，单单击击选选择择“打打开开浏浏览览器窗口器窗口”菜单命令，调出菜单命令，调出“打开浏览器窗口打开浏览器窗口”对话框。对话框。（1）“要要显显示示的的URL”文文本本框框与与【浏浏览览】按按钮钮：在在文文本本框框内内输输入入新新打打开开的的浏浏览器窗口内要显示的网页文件地址或单击【浏览】按钮后，选择网页文件。览器窗口内要显示的网页文件地址或

43、单击【浏览】按钮后，选择网页文件。（2）“窗口宽度窗口宽度”与与“窗口高度窗口高度”文本框：设定浏览器窗口的宽度和高度。文本框：设定浏览器窗口的宽度和高度。（3）“属性属性”栏：用来定义浏览器窗口的属性。栏：用来定义浏览器窗口的属性。选中选中“导航工具栏导航工具栏”复选框，表示保留浏览器的导航工具栏。复选框，表示保留浏览器的导航工具栏。选中选中“菜单栏菜单栏”复选框，表示保留浏览器的主菜单。复选框，表示保留浏览器的主菜单。选中选中“地址工具栏地址工具栏”复选框，表示保留浏览器的地址栏。复选框，表示保留浏览器的地址栏。选选中中“需需要要时时使使用用滚滚动动条条”复复选选框框，表表示示根根据据需需

44、要要给给浏浏览览器器的的显显示示窗窗口口加加滚滚动条。动条。选中选中“状态栏状态栏”复选框，表示给浏览器的显示窗口下边加状态栏。复选框，表示给浏览器的显示窗口下边加状态栏。选选中中“调调整整大大小小手手柄柄”复复选选框框，表表示示可可以以用用鼠鼠标标拖拖曳曳调调整整浏浏览览器器显显示示窗窗口口的的大小。大小。（4）“窗口名称窗口名称”文本框：输入新的浏览器窗口的名称。文本框：输入新的浏览器窗口的名称。2“改变属性改变属性”动作动作单单击击“行行为为”面面板板中中的的 按按钮钮，调调出出“动动作作名名称称”菜菜单单，单单击击选选择择“改改变变属属性性”菜单命令，调出菜单命令，调出“改变属性改变属

45、性”对话框。对话框。（1）“对对象象类类型型”下下拉拉列列表表框框：用用来来选选择择对对象象在在HTML文文件件中中所所用用的的标标记记。例如，可选择例如，可选择标记。标记。（2）“命命名名对对象象”下下拉拉列列表表框框：用用来来选选择择对对象象的的名名字字。对对象象的的名名字字是是在在它它的的“属性属性”栏内输入的。栏内输入的。（3）“属属性性”栏栏：在在选选择择了了“选选择择”单单选选按按钮钮后后，可可以以选选择择要要改改变变对对象象的的属属性性名名字字，即即它它的的标标识识符符属属性性名名称称。在在选选择择了了“输输入入”单单选选按按钮钮后后，可可在在其其右右边边的的文文本本框框内内输输

46、入入属属性性名名字字。例例如如，在在“对对象象类类型型”下下拉拉列列表表框框内内选选择择了了 dir标标记记，则则“选选择择”下下拉拉列列表表框框内内显显示示的的内内容容如如图图所所示示。“属属性性”栏栏右右边边的下拉列表框用来选择浏览器。的下拉列表框用来选择浏览器。在在图图所所示示的的下下拉拉列列表表框框内内给给出出了了各各种种样样式式的的名名称称。如如果果选选择择了了“innerHTML”选选项项，则则可可以以对对HTML语语言言的的内内容容进进行行替替换换；如如果果选选择择了了“innerText”选选项项，则可以对文则可以对文本内容进行替换。本内容进行替换。（4）“新的值新的值”文本框

47、：用于输入属性的新值。文本框：用于输入属性的新值。6.6 6.6 【案例【案例3838】“图像链接翻转图像链接翻转”网页网页 1“设置导航栏图像设置导航栏图像”动作动作在在页页面面中中插插入入导导航航栏栏或或图图像像，单单击击“行行为为”面面板板中中按按钮钮的的右右下下角角箭箭头头，调调出出“动动作作名名称称”菜菜单单。单单击击选选择择“设设置置导导航航栏栏图图像像”菜菜单单命命令令，调调出出“设设置置导导航栏图像航栏图像”对话框。对话框。（1）选选择择“基基本本”标标签签后后的的“设设置置导导航航栏栏图图像像”对对话话框框，其其中中各各选选项项的的作作用用如下。如下。“项目名称项目名称”文本

48、框：输入此动态图像按钮的名称。文本框：输入此动态图像按钮的名称。4个个文文本本框框与与【浏浏览览】按按钮钮：定定义义鼠鼠标标4种种状状态态时时的的图图像像。“状状态态图图像像”是是正正常常状状态态（静静态态）下下的的图图像像，“鼠鼠标标经经过过图图像像”是是鼠鼠标标移移到到图图像像之之上上时时的的图图像像，“按按下下图图像像”是是鼠鼠标标单单击击图图像像时时的的图图像像，“按按下下时时鼠鼠标标经经过过图图像像”是是鼠鼠标标按按下并拖曳鼠标指针经过图像的过程中的图像。下并拖曳鼠标指针经过图像的过程中的图像。“按按下下时时，前前往往的的URL”栏栏：在在文文本本框框内内可可输输入入与与导导航航图图

49、像像链链接接的的页页面面文文件件的的目目录录和和文文件件名名，单单击击【浏浏览览】按按钮钮后后可可选选择择链链接接的的文文件件，其其右右边边的的下下拉拉列列表表框内可选择显示链接的页面的打开方式。框内可选择显示链接的页面的打开方式。“选选项项”栏栏：“预预先先载载入入图图像像”复复选选框框用用来来确确定定是是否否要要预预先先载载入入各各个个图图像像，“最最初初显显示示按按下下图图像像”复复选选框框用用来来确确定定是是否否要要在在初初始始状状态态下下显显示示“按按下下图像图像”状态时的图像。状态时的图像。（2）单单击击“高高级级”标标签签后后的的“设设置置导导航航栏栏图图像像”对对话话框框。它它

50、用用来来进进行行改改变变其其他图像内容的设置。该对话框内各选项的作用如下所述。他图像内容的设置。该对话框内各选项的作用如下所述。最最上上边边的的下下拉拉列列表表框框：用用来来选选择择鼠鼠标标动动作作的的状状态态。选选择择“鼠鼠标标经经过过图图像像或或点点击击时时鼠鼠标标经经过过图图像像”选选项项，表表示示鼠鼠标标处处于于移移到到图图像像之之上上或或鼠鼠标标按按下下的的过过程程中中；选选择择“点点击击图图像像”选选项项，表表示示鼠鼠标标处处于于按按下下的的状状态态。选选择择第第2个个选选项项时时，其其下下边的边的“按下时，变成图像文件按下时，变成图像文件”文本框与【浏览】按钮消失。文本框与【浏览