1、第十一章,交互式动画,主要内容,动作脚本概述 常用ActionScript 简单交互式Flash动画,11.1动作脚本概述,一.什么是ActionScript 二.动作脚本的新特征 三. ActionScript 2.0的语法规则 四.动作面板简介,一.什么是ActionScript,ActionScript是Macromedia Flash MX2004的脚本撰写语言。 确切地说它是Flash专用的一种程序语言，Flash MX2004中的ActionScript具有和通用的JavaScript相似的结构，同样是采用面向对象编程的思想，采用Flash MX2004中的事件对程序进行驱动，以动
2、画中的关键帧、按钮或电影片段作为对象来对ActionScript进行定义和编写 。,二.动作脚本的新特征,1动作脚本编辑器更改 自动换行 查看上下文关联的帮助 导入脚本 单击断点 动作面板中不再有常规和专家模式 固定多个脚本 脚本导航器 用于编辑外部文件的集成“脚本”窗口,2调试方面的更改,“输出”窗口更改为“输出”面板：现在可以像移动和停放Flash中的任何其他面板中一样移动和停放“输出”面板。 改进的编译时错误报告：除了提供更为坚实的异常处理功能外，动作脚本2.0还提供了大量新的编译时错误。 改进的异常处理：Error类和throw与trycatchfinally命令外可用于实现更坚实的异
3、常处理。,三.ActionScript 2.0的语法规则,1点语法 点（）被用来指明与某个对象或影片剪辑相关的属性和方法，它也用于标识指向影片剪辑或变量的目标路径。 点语法表达式由对象或影片剪辑名开始，接着是一个点，最后是要指定的属性、方法或变量,例如，表达式qiuMC.x是指影片剪辑实例qiuMC的-X属性，-X影片剪辑属性指出编辑区中影片的X轴位置。 例如，sub是在影片剪辑tree中设置的一个变量，而tree又是嵌套在影片剪辑shop中的影片剪辑，表达式shop. tree.sub.=true的作用是设置实例tree的sub变量的值true。 表达一个对象或影片剪辑的方法遵循相同的模式，
4、例如，qiuMC实例的play方法用于移动qiuMC的时间轴播放头，就像下面的语句：qiuMC.paly();,点语法使用两个特殊的别名：_root和_parent。 别名_root是指主时间轴，可以使用_root别名创建一个绝对路径，例如，下面的语句是调用主时间轴中影片剪辑加functions的buildgame Board函数： _root.functions.buildGameBoard(),中文版FlashMX2004允许使用别名_parent来引用嵌套当前影片剪辑的影片剪辑，也可以_parent创建一个相对目标路径，例如，如果影片剪辑tree被嵌套在影片剪辑forte之中，那么，在实
5、例tree上的下列语句告诉forte影片剪辑停止播放。 _parent.stop()；,2.斜杠语法,在斜杠语法中，斜杠被用来代替点，用以标明影片剪辑或变量的路径，要指出一个变量，可以在变量前加上冒号，如下面的语句所示： mymovieclip/childmovieclip;my variable 现在用点语法取代上述斜杠语法来表示上面的目标路径： mymovieclip.childmovieclip.my vareable,3大括号,Action Script语句用大括号（ ）分块，如下面的脚本所示： on(release) my Date=new Date ()； currentMonth
6、=my Date.getMonth ()； ,4.分号,Action Script语句用分号（；）结束，但如果用户省略语句结尾的分号，Flash仍然可以成功地编辑脚本。 例如，下面的语句用分号结束：colum=passed Date.getDay()；row=0；同样的语句也可以不写分号：colum=passed Date.getDay()row=0；,5圆括号,定义一个函数时，要把参数放在圆括号中。 Function myfunction(name，age，reader) 调用一个函数时，也把要传递的参数放在圆括号中。 myfumction(“stever”，10，true);,圆括号可以用
7、来改变Action Script的运算优先级，或使自己编写的Action Script语句更容易阅读。 也可以用圆括号来计算点语法左侧的表达式，例如，在下面的语句中，圆括号使表达式new color(this)得到计算，并创建了一个新的颜色对象。onClipEvent (enterFrame)(new Color (this)set RGB (oxfffff);,在上例中，如果不使用圆括号，就需要在代码中增加一个语句来计算它。onClipEvent (enterFrame)myColor=mew Color(this)；myColorset RGB (oxfffff)；,6.大小写字母,在Ac
8、tion Script中，只有关键字区分大小写，对于其余的ActionScript，可以使用大写或小写字母。 例如，下面的语句是等价的： cayhilite=true； CAYhilite=true； 但是，遵守一致的大小写约定是一个好习惯，这样，在阅读Actionscript代码时更易于区分函数和变量的名字，如果在书写关键字时没有使用正确的大小写，用户的脚本将会出现错误。,7注释,需要记住一个动作面板的作用时，可在动作面板中使用comment(注释)语句给帧或按钮动作添加注释，如果用户在协作环境中工作或给别人提供范例，添加注释有助于别人正确理解编写的脚本。 在动作面板中选择comment动作
9、时，字符“/”被插入到脚本中，如果在用户创建脚本时添加注释，即使是较复杂的脚本也易于理解。,8关键字 Action Script保留一些单词，专用于本语言之中，因此，不能用这些保留字作为变量、函数或标签的名字。例如，break、continue、delete、else、for、funtion等。 9常量常量是其值永不改变的属性，常量用大写字母列于动作工具箱中。,例如，常量ENTER、BACKSPACE、QUOTE、RETURN、SPACE、TA B是Key对象的属性，指键盘上的键，要测试用户是否在按Enter键，可使用下面的语句：if(keycode()= =key ENTER)alert=“
10、你准备好了吗？”control MCgotoAndStop()；,五.动作面板简介,选择“窗口”“开发面板”“动作”命令，打开动作面板。,动作列表：在面板左侧是动作列表，单击列表中的选项，便可以逐层展开列表，最后单击想要的动作或函数将其添加到脚本中。 将新项目添加到脚本中：单击按钮 以选择菜单的添加动作函数。,打开参考面板：单击按钮 可以打开帮助面板，在该面板中可以看到针对当前所选命令的参考文档 。,插入目标路径：单击按钮 可以打开 “插入目标路径”对话框，选择某个对象然后单击“确定”按钮，就能为语句添加目标路径。,查找文本：单击查找按钮 ，会弹出 “查找”对话框，在文本框内可输入要查找的文本
11、。查找之后，可单击“查找下一个”按钮，查下一个文本。,替换文本：单击按钮 ，弹出对话框，在两个文本框中可分别输入被替换和替换后的文本。设置调试选项：单击按钮 ，可在当前行添加或删除断点。,11.2常用ActionScript 动作,1gotoAndPlay(scene, frame) “gotoAndPlay”动作用来控制电影时间线的位置，使它跳转到一个特定的帧编号、帧标记或者场景，并根据具体设定到该处放映。 scene可选字符串，指定播放头要转到的场景的名称。 frame一个表示播放头将转到的帧编号的数字，或者一个表示播放头将转到的帧标签的字符串。如果未指定场景，则播放头将转到当前场景中的指
12、定帧。,例如，当单击某个按钮，立即跳到场景3中的第20帧开始播放，具体脚本如下：on(release)gotoAndplay(“scene 3”,20);,2play “Play”动作可以使电影从当前位置开始放映。电影中一旦使用了“stop”动作或“gotoAndplay”动作电影则停止播放，只有使用“Play”动作才可使电影继续播放。 “Play”动作没有参数可设置。 例如，单击某个按钮，立即播放当前电影，具体脚本如下：on(release)play();,3. stop “stop”动作可以使当前播放的电影停止。 “stop”动作没有参数可设置。 例如，当鼠标单击某个按钮，立即停止播放当前
13、电影，具体脚本如下：on(release)stop();,4. stop All sounds “stop All sounds”语句可以停止电影中所有的声音效果，而不会使电影的播放产生中断。 “stop All sounds”语句没有参数可设置。 例如，将“stop All sounds”语句分配给按钮，当鼠标经过该按钮时，即可将电影变为静音，具体脚本如下：on(rollover)stop All sounds（）；,5 Get URL 使用“Get URL”语句选项,可以将某个“URL”中的信息载入到指定的窗口中,或将窗口中的变量传递给已定义在“URL”上的应用程序。 GetURL的语法形
14、式为Get URL(url ， window , “variables“)各参数说明如下： url：可从该外获取文档的URL。 window：设置链接网页的打开方式，共有以下4种方式：,选择“_self”选项，可以指定当前窗口中的当前框架为信息载入框架。选择“_blank”选项，可以指定一个新的窗口为信息载入框架。选择“_parent”选项，可以将当前框架的上一级框架指定为信息载入框架。选择“_top”选项，可以将当前窗口中的顶级框架指定为信息载入框架。 variables：可用GET或POST方法来发送变量。GET方式发送则发送附在指定“URL”后面的变量。在需要发送较短的变量时，则可以选择
15、该选项。POST方法在单独的HTTP标头中发送变量，该方法用于发送长的变量字符串。如果没有变量也可忽略该参数。,6Unload Movie “Unload Movie”语句格式是：unloadMovie(target) 如要卸载某个影片，只需在“target”位置输入要卸载电影的级层编号或目标路径即可。,11. 3简单交互式Flash动画,一个交互式的动画完全不同于普通顺序的动画。通过键盘和鼠标用户可以主动地控制动画，比如，跳转到动画的各个部分、移动动画中的物体、向动画中输入信息并得到响应、单击按钮或者其他更复杂的交互。 在Flash MX2004中，实现交互具体的过程是，当用户或者Flash
16、 MX2004动画本身触发了某一事件时,比如单击按钮、按键盘上的按键、动画播放到某一帧、影片被装载或者卸载等，事件就会执行相应的ActionScript脚本，从而完成交互。,1关于事件,当动画播放到某一帧时，在帧上的ActionScript脚本会自动运行。 “按钮”或者“影片剪辑”将针对用户的操作触发相应的事件，从而执行相应的ActionScript脚本。 这里的“按钮”或者“影片剪辑”都是针对元件的动作属性而言的。元件的动作属性和元件本身的类型是可以改变的。,2按钮事件（鼠标事件）,“按（press）”：当鼠标移到按钮上并按鼠标按键时，触发按钮动作。 “释放（release）”：在鼠标指针经
17、过按钮时释放鼠标按钮，触发按钮动作(这是默认鼠标事件)。“外部释放（releaseOutside）”：当鼠标指针在按钮之内时按下按钮后，将鼠标指针移到按钮之外，此时释放鼠标按钮。 “按键（keyPress）”：在右侧的文本框中设置一个键名，当在键盘中按下该键时，即可触发按钮动作。,“滑过(rollover)”:当鼠标指针滑过按钮上时发生按钮动作。 “滑离(rollout)”： 当鼠标指针悬浮在按钮上后又移到按钮之外时，即可以触发按钮动作。 “拖过(dragOver)”：当鼠标放置在按钮上的同时按住鼠标按键 ，然后将鼠标从按钮上拖出（依然按住鼠标按键不动），最后再将鼠标放回按钮时发生按钮动作。“
18、拖离(dragOut)”：当鼠标放置在按扭后按住鼠标按键，然后将鼠标从按钮上拖出（依然按住鼠标按键）时按钮动作。,例如,当按下鼠标按钮时，将执行startDrag()动作，当释放鼠标按钮时，将执行条件脚本，然后放下该对象。 on (press) startDrag(“rabbit“); on (release) trace(_root.rabbit._y);trace(_root.rabbit._x);stopDrag(); ,3影片剪辑事件,“加载(load)”: 影片剪辑一旦被实例化并出现在时间轴中时，发生影片剪辑动作。 “进入帧(enterFrame)”:当影片剪辑播放每一帧的时候，发生
19、影片剪辑动作。首先处理与 “enterFrame ”剪辑事件关联的动作，然后才处理附加到受影响帧的所有帧动作。 “卸载(unload)”：在从时间轴中删除影片剪辑之后，此动作在第 1 帧中启动。在向受影响的帧附加任何动作之前，先处理与 Unload 影片剪辑事件关联的动作。,“鼠标向下(mouseDown)”：当鼠标左键被按下的时候，发生影片剪辑动作。 “鼠标向上(mouseUp)”：当鼠标左键被松开的时候，发生影片剪辑动作。“鼠标移动(mouseMove)”：当鼠标移动的时候，发生影片剪辑动作，“_xmouse ”和“_ymouse”属性用于确定当前鼠标位置。 “向下键(keyDown)”：
20、当键盘按键被按下的时候，发生影片剪辑动作。 “向上键(keyUp)”:当键盘按键被松开的时候，发生影片剪辑动作。,“数据(data)”：data当在loadVariables()或loadMovie()动作中接收数据时启动此动作。当与loadVariables()动作一起指定时，data事件只在加载最后一个变量时发生一次。当与loadMovie()动作一起指定时，获取数据的每一部分时，data事件都重复发生。 影片剪辑事件与按钮事件的不同之处在于，按钮允许多个按钮事件共用同一个脚本,而影片剪辑事件则不能共用脚本，利用按钮事件可以共用脚本的特性，可以为完成同一任务制定多种方式或者快捷键，而对于影
21、片剪辑则完全没有必要。,4设置按钮动作,为按钮分配动作后，用户使用鼠标事件，将会运行按钮所赋予的动作。为按钮设置动作的基本操作步骤如下： （1）选中舞台中的某个按钮元件。 （2）选择“窗口”“开发面板”“动作”命令，打开“动作-按钮”面板。,（3）在面板的“动作”列表框中选择“全局函数”“影片剪辑控制”“on”选项，将该命令添加到脚本编辑窗口中，此时在弹出的动作事件菜单中选择press选项。,（4）在列表框内选择“全局函数”“时间轴控制”“stop”选项，将该命令添加到脚本编辑窗口中，此时在脚本窗口中将显示完整的代码：on（press）stop(); （5）动作设置结束后，测试按钮动作的设置是
22、否正确。,5设置帧动作,为帧分配动作后，当动画播放到该帧时，将会运行所赋予的动作。为帧设置动作的基本操作步骤如下： （1）选中某个关键帧。 （2）选择“窗口”“开发面板”“动作”命令，打开“动作-帧”面板。,设置stop选项,（3）在面板的“动作”列表框中选择“全局函数”“影片剪辑控制”“stop” 选项，将该命令添加到脚本编辑窗口中 。,（4）关闭“动作-帧”对话框后将会有一个小写字母“a”出现在当前选中的帧上，表示动作已经设置成功。（5）单击“控制”“测试影片”命令，进行电影的测试。,6设置影片剪辑动作,影片剪辑分配动作，可通过鼠标、键盘、帧及数据加载等事件让影片执行指定的动作。在设置影片
23、剪辑动作时，必须将动作指定给影片剪辑的一个实例，而该元件的其他实例则不受影响。 在设置动作时，必须将动作嵌套在onClipEvent处理函数中，并指定触发该动作的剪辑事件。在“动作”面板中为影片剪辑指定动作时将会自动插入onClipEvent处理函数。,为影片剪辑设置动作的基本操作步骤如下： （1）选中舞台中某个影片剪辑元件实例，在属性面板中“实例名称”文本框中设置其实例名称为mc1。 （2）选择“窗口”“开发面板”“动作”命令，打开“动作-影片剪辑”面板。 （3）在面板的“动作”列表框中选择“全局函数”“影片剪辑控制”“onClipEvent”选项，将该命令添加到脚本编辑窗口中,此时在弹出的
24、动作事件菜单中选择mouseDown选项 。,“动作-影片剪辑”面板,（4）在列表框内选择“全局函数”“时间轴控制”“gotoAndPlay”选项，将该命令添加到脚本编辑窗口中，并在该函数后面的括号内输入数值10，此时在脚本窗口中将显示完整的代码： onClipEvent (mouseDown) gotoAndPlay(10); （5）单击“控制”“测试影片”命令，进行电影的测试。,本章小结,ActionScript语言是Flash MX2004的精髓，丰富的动作设置为网页动画带来了无穷的魅力。 本章介绍了Flash MX2004动作脚本的新特征、语言规则、常用命令及设置方法。 通过本章学习，
25、用户可以控制常用语句的设置，并能够使用ActionScrip语言创建出漂亮的动画效果。,实训1,目的：掌握影片剪辑的编辑方法。,万花筒效果,操作步骤,（1）选择“文件”“新建”命令，在弹出的“新建文档”对话框中，选择“常规”选项卡上的“Flash文档”类型，单击“确定”按钮，进入动画编辑的主场景。 （2）选择“修改”“文档”命令，在弹出“文档属性”对话框中将舞台的尺寸设置为550*550px ，背景为淡蓝色。 （3）选择“文件”“导入”“导入到舞台”命令，在弹出的“导入”对话框中选择一幅图片，单击“打开”按钮将图片导入到舞台，并利用任意变形工具将其大小调整到与舞台相宜。,（4）选中导入的图像，
26、执行“修改”“转换成元件”命令，在弹出的“转换为元件”对话框中选择行为为“影片剪辑”，在“注册”选项中选择对象的中心作为控制点，单击“确定”按钮，将当前图像转变为影片剪辑。 （5）双击舞台中转变为影片剪辑的图像，进入影片剪辑的编辑状态。将影片剪辑中的图像选中，再次执行“修改”“转换成元件”命令，在弹出的“转换为元件”对话框中选择行为为“图形”，将图像转变为图形元件。 （6）在影片剪辑的编辑状态下选择“插入”“时间轴”“图层”命令，添加一个新层图层2。,（7）选择工具栏中的椭圆形工具“O”，配合键盘“Shift”键的同时在图层2中绘制一个正圆形，圆形的直径要小于图层1中图像宽度，并将圆形的中心点
27、与舞台的中心点对齐。,圆与图片中心对齐,（8）在图层2中选择工具栏中的线条工具“/”，沿着圆形的中心点绘制一条直线，直线的长度要大于圆形的直径，并将直线与圆形中心点准确对齐。,直线与图片中心对齐,（9）选中绘制的直线，选择“窗口”“设计面板”“变形”命令，在弹出的“变形”对话框中选中“旋转”选项，并在右侧的文本框中将旋转的角度设置为“45度”，连续单击面板右下角的“复制并应用变形”按钮3次。将会复制所示的线条：,旋转线条,（10）选择工具栏中的喷漆桶工具，在工具栏下方的“颜色”选项中选择一种颜色，将位于圆形左上角的1/8区域填充一种颜色，然后将所有的线条删除，将会得到所示的扇形。,（11）选中
28、图层1的第50帧，单击鼠标右键，在弹出的菜单中选择“插入关键帧”命令，在该帧处添加一关键帧。 （12）选中图层2的第50帧，单击鼠标右键，在弹出的菜单中选择“插入帧”命令，将该层中对象的播放时间延长到第50帧。,时间轴状态,（13）选中图层1的第1帧，从“窗口”“属性”命令，在弹出的“属性”控制面板中单击“补间”下拉式按钮，在弹出的下拉选项中选择“动作”命令，并在显示出的“旋转”下拉选项中选择“顺时针”选项，在右侧的文本框中将旋转的圈数设置为“1”。 （14）选中图层2中的层名称，单击鼠标右键，在弹出的菜单中选择“遮罩”命令，将该层创建为遮罩层，得到所示的效果。,遮罩效果,（15）单击工作区域
29、上方的场景图标，返回到场景编辑状态。 （16）选择“窗口”“设计面板”“变形”命令，在弹出的“变形”面板中选取中“旋转”选项，在右侧的文本框中输入30。并单击“复制并应用变形”按钮11次，得到复制的影片剪辑的效果。 （17）按键盘中的“Ctrl+Enter”键预览动画效果。,实训2,目的：要求利用图层重叠、创建简单的立体效果。,浮动文字,制作步骤,（1）选择“文件”“新建”命令，在弹出的“新建文档”对话框中，选择“常规”选项卡上的“Flash文档”类型，单击“确定”按钮，进入动画编辑的主场景。 （2）选择“修改”“文档”命令，在弹出“文档属性”对话框中将舞台的尺寸设置为550*550px ，背
30、景为黑色。 （3）选择“插入”“新建元件”命令，打开“创建新元件”对话框，创建一个名为“文字”的图形元件。,（4）单击工具栏中的文本工具，在舞台中输入字号为80、字体为“华文新魏”、颜色为白色文字“春花秋月” （5）选择“插入”“新建元件”命令，打开“创建新元件”对话框，创建一个名为“背景”的图形元件。,（6）单击工具栏中的矩形工具，在舞台中绘制一个无边线、颜色为灰渐近色的长条矩形。按住Alt键，单击并水平向右多次拖动该矩形，复制多份。按住Shift键，选中所有的矩形，按“Ctrl+G”，将所有的矩形组合成一个整体。,背景原件,（7）单击舞台左上角的场景名称，返回场景。单击“图层1”的第1帧，
31、然后选择“窗口”“库”命令，打开“库”面板，将图形元件“文字”从“库”面板中拖到舞台中，放置在舞台的中央。 （8）单击“图层1”的第60帧，按F5键，插入一个普通帧，使动画延续到该帧。 （9）选中“图层1”，单击层控制区的“插入图层”图标按钮，增加“图层2”。 （10）单击“图层2”的第1帧，再次将图形元件“文字”从“库”面板中拖到舞台中，放置在舞台的中央。并与“图层1”中对应的元件完全重合。,（11）单击“图层2”的第60帧，按F6键，插入一个关键帧，然后单击“图层2”的第1帧，在“属性”检查器面板中，设置“补间”选项为“动作”渐变，在第1帧与第60帧之间创建“动作”渐变动画。 （12）单击
32、“图层2”的第30帧，按F6键，插入一个关键帧，然后单击舞台中的元件“文字”，向右上方移动一点距离，使之与“图层1”中的文字产生立体效果,（13）选中“图层2”，单击层控制区的“插入图层”图标按钮，增加“图层3”，用鼠标将“图层3”拖到“图层1”的下方。 （14）单击“图层3”的第1帧，将图形元件“背景”拖到舞台中，并放置在文字的左边，单击选择第60帧，按F6键，插入一个关键帧。再将“背景”元件水平拖到“文字”元件的右边。 （15）单击“图层3”的第1帧，在“属性”检查器面板中，设置“补间”选项为“动作”渐变，在第1帧与第60帧之间创建“动作”渐变动画。,（16）在“图层1”的名称处右击，从弹
33、出的快捷菜单中选择“遮罩层”命令，将其设置为遮罩层。此时时间轴状态如图所示。（17）按键盘中的“Ctrl+Enter”键预览动画效果。,实训3,目的：学会制作鼠标指针隐藏为特定的图形。,鼠标跟随,（1）选择“文件”“新建”命令，在弹出的“新建文档”对话框中，选择“常规”选项卡上的“Flash文档”类型，单击“确定”按钮，进入动画编辑的主场景。 （2）选择“修改”“文档”命令，在弹出“文档属性”对话框中将舞台的尺寸设置为550*550px ，背景为淡蓝色。 （3）选择“插入”“新建元件”命令，在弹出的“创建新元件”对话框，创建一个影片剪辑元件。,（4）单击舞台左上角的场景名称，返回场景。单击“图
34、层1”的第1帧，然后选择“窗口”“库”命令，打开“库”面板，影片剪辑元件从“库”面板中拖到舞台中。将其实例名命名为：too,实例命名,（5）单击图层1第1帧，选择“窗口”“开发面板”“动作”命令，打开“动作-帧”面板，在编辑区写两行ActionScript:Mouse.hide(); /隐藏原鼠标指针startDrag(too,true); /开始拖动，too是创建 的影片剪辑 （6）单击图层1右键，在弹出的菜单中选择插入图层命令，选择图层2的第1帧，导入一张图片。将其转换为影片剪辑元件，并为其命名为logo。,（7）选中logo，单击“窗口”“开发面板”“动作”命令，打开“动作-影片剪辑”面
35、板，在面板的“动作”列表框中选择“全局函数”“影片剪辑控制”“onClipEvent”选项，将该命令添加到脚本编辑窗口中，此时在弹出的动作事件菜单中选择enterFrame选项。并加入ActionScript：_x=_x+_xmouse/10;_y=_y+_ymouse/10; _x，_y是指实例logo在场景中的X、Y坐标， _xmouse，_ y mouse是指鼠标在舞台上的X，Y坐标。,（8）此时在脚本窗口中将显示完整的代码： onClipEvent (enterFrame) _x=_x+_xmouse/10; _y=_y+_ymouse/10;,（9）关闭动作面板，此时时间轴状态如图所
36、示。按键盘中的“Ctrl+Enter”键预览动画效果。,时间轴状态,实训4,目的：当鼠标移动到屏幕上时，在鼠标滑过的地方将会出现落下的小球。通过该实例掌握为按钮添加动作的方法。,交互按钮,操作步骤,（1）选择“文件”“新建”命令，在弹出的“新建文档”对话框中，选择“常规”选项卡上的“Flash文档”类型，单击“确定”按钮，进入动画编辑的主场景。 （2）选择“修改”“文档”命令，在弹出“文档属性”对话框中将舞台的尺寸设置为550*550px ，背景为淡蓝色。 （3）选择“插入”“新建元件”命令，在弹出的对话框中将“行为”选项定为“图形”，单击“确定”按钮，创建一个空白图形“元件1”。,（4）在“
37、元件1”的编辑状态下，选择工具栏中的椭圆形工具，将边线设置为无色，填充颜色设置为灰渐变色，在舞台中心绘制一正圆。 （5）选择“插入”“新建元件”命令，在弹出的 “创建新元件”对话框中将“行为”选项设为“按钮”，单击“确定”按钮，创建一个空白按钮“元件2”。 （6）在“元件2”的编辑状态下，选中按钮的“点击”区域，单击右键选“插入关键帧”命令，在此处定义一个关键帧，在该帧下使用工具栏中的矩形工具绘制一个矩形。 （7）选择“插入”“新建元件”命令，在弹出的“创建新元件”对话框中将“行为”选项设为“影片剪辑”，单击“确定”按钮，创建一个空白影片剪辑“元件3”。,（8）在影片剪辑“元件3”的编辑状态下
38、，从“窗口”“库”命令，打开“库”面板。在打开的“库”面板中将按钮“元件2”拖入到影片剪辑“元件3”中，并将“元件2”与“元件3”的页面中心点对齐,（9）选中“元件3”的第2帧，按下键盘中的F7键添加一个空白关键帧，然后将“库”面板中的“元件1”拖入到该帧中，使用任意变形工具将“元件1”缩小到与第一帧中的按钮相当大小，再与舞台中心点对齐。 （10）选中“元件3”的第15帧，按F6键插入一个关键帧。使用箭头工具将该帧中的“元件1”向下移动，放置在合适位置,（11）使用工具栏中的任意变形工具，将第15帧中的“元件1”缩小，在“属性”检查器面板中，单击“颜色”下拉式按钮，在弹出的下拉选项中选择“Al
39、pha”命令，在右侧的文本框中将“Alpha”值设置为0% （12）选中影片剪辑“元件3”的第2帧，在“属性”检查器面板中，单击“补间”下拉式按钮，在弹出的下拉选项中选择“动作”选项，单击“旋转”下拉式按钮，选择“顺时针”选项，在右侧的文本框中将旋转的圈数设置为“1”，此时在时间线上的第2帧至第15帧之间将会产生一段淡蓝色的连线，表明已创建了动画。,（13）选择“元件3”的第1帧，单击“窗口”“开发面板”“动作”命令，打开“动作-帧”面板，在面板的“动作”列表框中选择“全局函数”“时间轴控制” “stop”选项，为第1帧添加停止指令。,（14）在“元件3”的第1帧，选中按钮“元件2”，单击“窗
40、口”“开发面板”“动作”命令，打开“动作-按钮”面板，在面板的“动作”列表框中选择“全局函数”“影片剪辑控制”“on”命令，在弹出的动作事件菜单中选“rollOver(滑过)”选项，表示当鼠标经过当前按钮的感应区将发生指定事件,（15）在面板的“动作”列表框中选择“全局函数” “时间轴控制”“gotoAndPlay”选项，将在括号中输入2，表示将播放头转到场景中指定的第2帧并从该帧开始播放。,（16）关闭“动作-按钮”对话框，单击工作区域上方的“场景1”图标，返回到场景。从“库”面板中将影片剪辑“元件3”拖入到舞台中，并按住“Alt”键复制，使其布满舞台。 （17）按键盘中的“Ctrl+Enter”键预览动画效果。,
