Flash脚本基础实例(导航条及MC)课件

1、信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)FLASH脚本特效脚本特效常用脚本特效欣赏 萤火虫萤火虫 雪花雪花 弹性跟随弹性跟随 网页导航条网页导航条 黑客帝国数字流黑客帝国数字流信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)学习内容脚本基础知识脚本基础知识按钮元件的使用按钮元件的使用导航菜单的制作导航菜单的制作控制影片剪辑的脚本控制影片剪辑的脚本信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)AS可添加在哪些对象上可添加在哪些对象上(AS2.0)：信息

2、工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)AS基础知识基础知识信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)事件事件：起触发作用的事情。如鼠标的移动、按下或释：起触发作用的事情。如鼠标的移动、按下或释放等；放等； 如如:按钮常见事件按钮常见事件： release、 dragOut、rollOut关键字关键字：AS中有中有16个关键字个关键字 break continue delete else for function if in new return this tupeof

3、var void while with帧标签帧标签:即关键帧的名字即关键帧的名字(在时间轴上显示小红旗在时间轴上显示小红旗);元件实例名称元件实例名称: “元件元件”从从【库库】中进入中进入“舞台舞台”就被就被称为该称为该“元件元件”的的“实例实例”；有名称的影片剪辑实例有名称的影片剪辑实例才能在动作面板中调用。才能在动作面板中调用。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)Action Script的语法的语法信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)脚本的控制结构脚本的控制结构信息工程学院Flash脚本基础实例脚本基础实例(导航条及导

4、航条及MC)1、单分支、单分支格式格式: if (条件条件) 要执行的代码要执行的代码; 功能功能:如果条件满足，执行相应语句如果条件满足，执行相应语句;如果条件不满足如果条件不满足,程序继续。程序继续。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)3、多分支、多分支信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)二、循环结构二、循环结构信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)按钮元件的使用信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航

5、条及MC)信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)6.3 Action行为实例行为实例 信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)给按钮加动作给按钮加动作给按钮加动作实例实例：播放、重播、停止按钮：播放、重播、停止按钮从公用库中导入按钮；从公用库中导入按钮；回到场景中，拖入按钮，给按钮实例加动作回到场景中，拖入按钮，给按钮实例加动作 on (release) gotoAndplay( 1);/重播重播 给按钮加动作脚本给按钮加动作脚本,必须添加事件必须添加事件onon(release) stop( ); 信息工程学院Flash脚本基础实

6、例脚本基础实例(导航条及导航条及MC)2、简单图片浏览器制作FlashFlash中制作按钮元件中制作按钮元件, ,可任意发挥可任意发挥; ;新建图层新建图层“按钮按钮”, ,放置制作好的按钮放置制作好的按钮( (如上一页、下一如上一页、下一页页););新建图层新建图层”图片图片”, ,导入四幅图片导入四幅图片(4(4个关键帧个关键帧););并将此层拖入最底层并将此层拖入最底层; ;其它图层延续到第其它图层延续到第4 4帧帧; ;在在“图片图片”上又新建图层上又新建图层, ,命名为命名为”图片序图片序号号”, ,画白色无边线矩形做为背景画白色无边线矩形做为背景; ;左边是一个左边是一个动态文本动

7、态文本, ,将其变量名设为将其变量名设为” b b”, ,中间画一条中间画一条斜线斜线, ,右边是一个静态文本右边是一个静态文本”4 4”; ;信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)在最上层新建图层在最上层新建图层,命名为命名为”脚本脚本”;在第一帧添加如下在第一帧添加如下脚本脚本:stop();b=“1”;上一页按钮添加如下脚本上一页按钮添加如下脚本: on(release)prevFrame();if(b1)b-; 下一页按钮添加如下脚本下一页按钮添加如下脚本: on(release) nextFrame(); if(b4)b+; 2、简单图片浏览器制作信息

8、工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)12.2 动作运用动作运用l gotoAndPlaygotoAndPlay：从当前帧转到目标帧开始播放动画。从当前帧转到目标帧开始播放动画。l gotoAndStopgotoAndStop：从当前帧转到目标帧并停止播放动画。从当前帧转到目标帧并停止播放动画。l playplay：开始播放已停止了的动画。开始播放已停止了的动画。l stopstop：从该帧停止当前正在播放的动画。从该帧停止当前正在播放的动画。l nextFramenextFrame：从当前帧转到下一帧。从当前帧转到下一帧。l nextScenenextScene：

9、从当前场景转到下一场景。从当前场景转到下一场景。l prevFrameprevFrame：从当前帧转到前一帧。从当前帧转到前一帧。l prevSceneprevScene：从当前场景转到前一场景。从当前场景转到前一场景。l stopAllSoundsstopAllSounds：停止正在播放的所有声音。停止正在播放的所有声音。 信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)按钮在图片浏览中的应用举例按钮在图片浏览中的应用举例p 例一例一 p 例二例二p 例三例三u 原理分析：原理分析：通过按钮来通过按钮来控制图片切换，并且图片控制图片切换，并且图片切换时有过渡效果。切换时

10、有过渡效果。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)例例1 1、2 2主要步骤讲解：主要步骤讲解：1.1.制作控制图片切换的按钮（用直接复制方法）；制作控制图片切换的按钮（用直接复制方法）；2.2.把每张图片制作成含切换效果的影片剪辑，并在最后一个把每张图片制作成含切换效果的影片剪辑，并在最后一个关键帧加关键帧加stopstop语句；语句；3.3.新建一个影片剪辑，把第二步制作的每张图片的剪辑放入该新建一个影片剪辑，把第二步制作的每张图片的剪辑放入该影片剪辑的时间轴上，并在第一帧加影片剪辑的时间轴上，并在第一帧加stopstop语句语句（如右图，一帧放一个图片剪辑

11、）（如右图，一帧放一个图片剪辑）4.4.回到主场景，将第三步制作的影片剪辑拖放到场景中所需位回到主场景，将第三步制作的影片剪辑拖放到场景中所需位置，输入影片剪辑的实例名称，并设置其置，输入影片剪辑的实例名称，并设置其AlphaAlpha值为值为0 0；5.5.新建图层，将第一步制作好的按钮拖放到场景中所需位置并新建图层，将第一步制作好的按钮拖放到场景中所需位置并摆放整齐，然后分别选择按钮打开动作面板，写入代码。摆放整齐，然后分别选择按钮打开动作面板，写入代码。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)例例1 1、2 2主要步骤讲解：主要步骤讲解：根据需要，按钮上写入

12、的代码主要有以下几种：根据需要，按钮上写入的代码主要有以下几种：序号按钮序号按钮“1”切换代码：切换代码： on(release或或rollOver等）等） 剪辑实例名剪辑实例名.gotoAndStop( 1);其他序号按钮类推。其他序号按钮类推。“上一页上一页”切换代码：切换代码： on(release或或rollOver等）等） 剪辑实例名剪辑实例名.prevFrame( );“下一页下一页”切换代码切换代码: on(release或或rollOver等）等） 剪辑实例名剪辑实例名.nextFrame( );信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)滚动效果主要

13、原理滚动效果主要原理 滚动的小图片上有透明按钮，当鼠标移滚动的小图片上有透明按钮，当鼠标移动到小图上的透明按钮时，触发了两个动作：动到小图上的透明按钮时，触发了两个动作：一是当前滚动的小图停止；二是播放鼠标所一是当前滚动的小图停止；二是播放鼠标所指图片的大图。指图片的大图。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)1.制作以下元件制作以下元件 （1）把每张图片制作成含切换效果的影片剪辑，并在最把每张图片制作成含切换效果的影片剪辑，并在最后一个关键帧加后一个关键帧加stopstop语句；语句； （2 2）新建一个影片剪辑，把每张图片的剪辑放入该影片）新建一个影片剪辑，

14、把每张图片的剪辑放入该影片剪辑的时间轴上，并在第一帧加剪辑的时间轴上，并在第一帧加stopstop语句。语句。 （3 3）新建一个图形元件，在元件中把每张图缩小，摆放）新建一个图形元件，在元件中把每张图缩小，摆放整齐，并复制一份并列摆放。如下图所示。该元件用于制作整齐，并复制一份并列摆放。如下图所示。该元件用于制作图片滚动剪辑。图片滚动剪辑。 滚动效果主要步骤：滚动效果主要步骤：信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)（4）制作一个透明按钮元件，按钮大小与缩小图片相同。）制作一个透明按钮元件，按钮大小与缩小图片相同。（5）制作一个影片剪辑，剪辑第一图层放第（）制作

15、一个影片剪辑，剪辑第一图层放第（3）步制作）步制作的图形元件；第二图层将透明按钮覆盖在图层一上的每张的图形元件；第二图层将透明按钮覆盖在图层一上的每张小图上，几个小图就有几个按钮。选择每个按钮，打开动小图上，几个小图就有几个按钮。选择每个按钮，打开动作面板分别添加如下代码：作面板分别添加如下代码：on(rollOver) _root.gundongmc.stop( ); _root.picmc._alpha=100; _root.picmc.gotoAndStop(fzl); on(rollOut) _root.gundongmc.play(); _root.picmc._alpha=0;滚动

16、剪辑的实例名滚动剪辑的实例名图片效果剪辑的实例名图片效果剪辑的实例名图片效果剪辑图片效果剪辑中帧的标签，中帧的标签，每个按钮的代每个按钮的代码中此处的帧码中此处的帧标签都不同。标签都不同。滚动效果主要步骤：滚动效果主要步骤：信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)滚动效果主要步骤：滚动效果主要步骤：（6）制作一个图片滚动效果的剪辑。将第（）制作一个图片滚动效果的剪辑。将第（5）步制作的）步制作的含按钮的剪辑拖放到场景中，制作图片从右向左移动的补含按钮的剪辑拖放到场景中，制作图片从右向左移动的补间动画。间动画。2.回到主场景，将第（回到主场景，将第（6）步制作的滚动

17、效果剪辑拖放到）步制作的滚动效果剪辑拖放到场景中所需位置，并将在属性面板中输入其实例名称为：场景中所需位置，并将在属性面板中输入其实例名称为：gundongmc;将第（将第（2）步制作的含多张图片切换的剪辑）步制作的含多张图片切换的剪辑拖放到场景中所需的位置（注意不要覆盖滚动剪辑），在拖放到场景中所需的位置（注意不要覆盖滚动剪辑），在并属性面板中修改剪辑的透明度为并属性面板中修改剪辑的透明度为0，输入其实例名，输入其实例名为：为：picmc 。3.测试动画。测试动画。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)goto语句详解语句详解语句包括语句包括:gotoAndP

18、lay(scene,frame) gotoAndStop(scene,frame) nextFrame( ) prevFrame( )通过时间跳转到某一位置播放，即播放到该帧时直接通过时间跳转到某一位置播放，即播放到该帧时直接跳转到某一指定帧；跳转到某一指定帧；通过交互进行跳转，即当有一个事件发生后，才跳转，通过交互进行跳转，即当有一个事件发生后，才跳转，所以此类跳转必须写在相关事件内，所以此类跳转必须写在相关事件内，onon内，此内，此onon又必又必须添加到某对象内；须添加到某对象内；gotogoto语句可以添加在主时间轴，影片剪辑，按钮中；语句可以添加在主时间轴，影片剪辑，按钮中；信息工

19、程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)例：例：gotoAndPlay（5） 由目前播放的帧直接跳到同一场景内第由目前播放的帧直接跳到同一场景内第5帧，由第帧，由第5帧帧继续播放影片。继续播放影片。 gotoAndStop（5） 由目前播放的帧直接跳到同一场景内第由目前播放的帧直接跳到同一场景内第5帧，停止播放帧，停止播放影片。影片。gotoAndStop（“场景场景2”,5） 由目前播放的帧直接跳到由目前播放的帧直接跳到Scene2场景内的第场景内的第5帧继续播帧继续播放影片。放影片。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)如何在FLAS

20、H中插入声音和视频使用菜单栏中的使用菜单栏中的“文件文件导入导入导入到库导入到库”命令，可命令，可以将声音导入到库中。以将声音导入到库中。 一般在一般在Flash中使用的声音格式是中使用的声音格式是MP3和和WAV。 在时间轴中，可以在时间轴中，可以设置声音的设置声音的4 4种同步方种同步方式。在实际制作的时候，式。在实际制作的时候，要根据不同的实际情况要根据不同的实际情况来选择合适的同步方式。来选择合适的同步方式。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)1事件事件 即使即使SWFSWF文件已经停止，声音播放也会继续。文件已经停止，声音播放也会继续。 事件声音的一

21、个示例就是当用户单击一个按钮事件声音的一个示例就是当用户单击一个按钮时播放的声音。时播放的声音。 “开始开始”方式与方式与“事件事件”方式的功能相近，但方式的功能相近，但是如果声音已经在播放，则新声音实例不会播是如果声音已经在播放，则新声音实例不会播放。放。2开始开始信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)3停止停止 “停止停止”方式的作用，是使指定的声音静音。方式的作用，是使指定的声音静音。 “数据流数据流”方式的声音将会严格与时间轴同步方式的声音将会严格与时间轴同步如果影片在播放，就播放声音；如果影片暂停，声音如果影片在播放，就播放声音；如果影片暂停，声音就会

22、停止。就会停止。 数据数据流的一个示例就是流的一个示例就是MVMV的制作。的制作。 如果不使用如果不使用“数据流数据流”方式，那么音乐很容易方式，那么音乐很容易在播放过程中与动画、台词脱节。在播放过程中与动画、台词脱节。4数据流数据流信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)如何制作简单的如何制作简单的MTV 1. 1.选择好音乐和图片素材，导入到选择好音乐和图片素材，导入到flashflash库里。库里。 2.2.在主场景中的一个层上起名：在主场景中的一个层上起名：“musicmusic”，打开库将音乐文件从库，打开库将音乐文件从库中拖到场景中，这时，在时间轴的帧

23、上，音乐只是一条短直线。在时间轴中拖到场景中，这时，在时间轴的帧上，音乐只是一条短直线。在时间轴的音乐结束那帧处按的音乐结束那帧处按F5F5键将影帧延长。键将影帧延长。 3.3.再建一个层，起名：再建一个层，起名：“LabelLabel”（标签）。将时间轴的指针移动到（标签）。将时间轴的指针移动到头帧处，插入一个帧标签：头帧处，插入一个帧标签：“start 01start 01”，之后，按，之后，按EnterEnter键，听音乐键，听音乐（数据流同步方式），当音乐中的第一句歌词刚结束时，马上再按一次（数据流同步方式），当音乐中的第一句歌词刚结束时，马上再按一次EnterEnter键，确保音乐会

24、停止。在音乐停止的这一帧处按键，确保音乐会停止。在音乐停止的这一帧处按F7F7键，插入一个空键，插入一个空白关键帧，再书写帧标签：白关键帧，再书写帧标签：“end 01end 01”。接着，紧随在这一帧的后面再按。接着，紧随在这一帧的后面再按F7F7键再插入一个空白关键帧，再写上帧标签：键再插入一个空白关键帧，再写上帧标签：“start 02start 02”，再按，再按EnterEnter键，开始听下一句歌词，同样，当第二句歌词结束时，马上按键，开始听下一句歌词，同样，当第二句歌词结束时，马上按EnterEnter键，键，音乐停止，按音乐停止，按F7F7键标注帧标签：键标注帧标签：“end

25、02end 02”.依次类推，一直到整首依次类推，一直到整首音乐的歌词都标注完成。音乐的歌词都标注完成。 4.4.以上的步骤完成之后，就可以在每句歌词的以上的步骤完成之后，就可以在每句歌词的“start 01start 01”和和“end end 0101”之间做你要的动画（影片剪辑）了。之间做你要的动画（影片剪辑）了。 5 5、加上播放与重播按钮。、加上播放与重播按钮。 信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)口型动画口型动画 要制作人物的口型动画，随着声音可以看到适当的口型变要制作人物的口型动画，随着声音可以看到适当的口型变化。化。 绘制绘制5 5种最基本的口

26、型，然后将这种最基本的口型，然后将这5 5种基本口型和闭口时的种基本口型和闭口时的口型放置在图形元件中，在舞台中根据每一帧上的声音的韵口型放置在图形元件中，在舞台中根据每一帧上的声音的韵母设置每一帧上的口型最后再编辑声音封套。母设置每一帧上的口型最后再编辑声音封套。 信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)使用loadMovie动态加载外部图片作用作用:将将SWF、JPEG、GIF或或PNG从从URL加载到加载到影片影片剪辑剪辑中中;语法语法:loadMovie(url,目标目标,方法方法)加载的对象与源文件最好在同一目录下加载的对象与源文件最好在同一目录下例例:

27、个人主页中导航按钮中用到了加载个人主页中导航按钮中用到了加载SWF;实例实例01在影片剪辑中加载图片在影片剪辑中加载图片.fla制作一制作一空空影片剪辑元件，拖入场景图层影片剪辑元件，拖入场景图层1的第的第1帧中，实例名称取为帧中，实例名称取为mc在第在第1帧加脚本帧加脚本 后四帧添加关键帧加相同脚本，更换图片名后四帧添加关键帧加相同脚本，更换图片名称称新建图层新建图层2，添加两个按钮，控制上一帧，下一帧的跳转（略），添加两个按钮，控制上一帧，下一帧的跳转（略）stop(); loadMovie(“001.jpg”,mc);信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)

28、举例：目的：制作加载外部图片的过程，并有淡入淡出的效果；目的：制作加载外部图片的过程，并有淡入淡出的效果；制作一制作一空空影片剪辑元件影片剪辑元件”载入图片载入图片”，拖入场景图层，拖入场景图层1的第的第1帧中，帧中，实例名称取为实例名称取为 mc 在第在第1帧加脚本帧加脚本loadMovie(“1.jpg”,mc); 分别在第分别在第15、25、35帧中添加帧中添加关键帧，再将第关键帧，再将第1帧和第帧和第35帧中的实例的透明度改为帧中的实例的透明度改为0%，第，第1-15帧，帧，第第25-35帧之间加动作补间；帧之间加动作补间；其它三幅图片载入效果类同，做在同一层其它三幅图片载入效果类同，

29、做在同一层 ； 新建图层新建图层2，添加四个按钮，控制四幅图片的显示，每个按钮上的，添加四个按钮，控制四幅图片的显示，每个按钮上的动作如下（每个按钮对应一行脚本）；动作如下（每个按钮对应一行脚本）；on (release) gotoAndPlay(1);on (release) gotoAndPlay(36);on (release) gotoAndPlay(71);on (release) gotoAndPlay(106);信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)unloadMovie详解详解作用：作用：卸载影片剪辑中的对象卸载影片剪辑中的对象；语法：语法：un

30、loadMovie(目标目标)如：如：unloadMovie(mc); mc为影片剪辑为影片剪辑的实例名称的实例名称信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)用按钮制作简单横向FLASH导航菜单动作分析：动作分析： 当鼠标点击当鼠标点击导航导航栏中一个栏目栏中一个栏目A时相应时相应的子的子栏目栏目按扭按扭出现；点击出现；点击另一个栏目另一个栏目B时时相应的相应的子子栏目栏目按扭按扭出现，同时出现，同时A的子栏目的子栏目消失。消失。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)横向导航栏制作步骤：1.制作好主栏目和相应子栏目的按钮元件；制作好主

31、栏目和相应子栏目的按钮元件；2.把每个子栏目做成一个影片剪辑，以把每个子栏目做成一个影片剪辑，以“特色美景特色美景”栏目栏目为例：就是把为例：就是把“特色美景特色美景”栏目下的栏目下的“景点介绍景点介绍”和和“线路推荐线路推荐”做在一个影片剪辑里。其它栏目的子栏目与做在一个影片剪辑里。其它栏目的子栏目与此类似。此类似。3.在主场景中第一个图层放置背景图，第二个图层适当位在主场景中第一个图层放置背景图，第二个图层适当位置放置主栏目按钮，每个子栏目的影片剪辑依次各放一置放置主栏目按钮，每个子栏目的影片剪辑依次各放一个图层，并给每个子栏目剪辑实例命名。个图层，并给每个子栏目剪辑实例命名。4.给有子栏

32、目的主栏目按钮添加代码。给有子栏目的主栏目按钮添加代码。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)1.若主栏目下无子栏目，则直接添加如下代码：若主栏目下无子栏目，则直接添加如下代码： on(press) getURL(“你要打开的网页地址你要打开的网页地址”，“_self”)/self表示在当前网页中打开，用表示在当前网页中打开，用_blank则表示在新窗口中打开。则表示在新窗口中打开。/2.若子栏目有子栏目，以若子栏目有子栏目，以“特色美景特色美景”按钮为例，按钮为例， 添加代码如下添加代码如下 on(press) a.gotoAndPlay(2);/a为特色美景

33、子栏目的影片剪辑实例名为特色美景子栏目的影片剪辑实例名/ b.gotoAndStop(1); /b为其它子栏目的影片剪辑实例名为其它子栏目的影片剪辑实例名/横向导航栏制作步骤：注意若还有其他子栏目注意若还有其他子栏目c,d ,e,f也要写相应也要写相应c.gotoAndStop(1),意思是当前子栏目播放，其他子栏目都停止。意思是当前子栏目播放，其他子栏目都停止。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)当鼠标移动到导航栏之外如何让子栏目消失？解决办法：制作一个透明按钮，只在点击帧绘制一透解决办法：制作一个透明按钮，只在点击帧绘制一透明矩形，其大小如下红色区域（能覆

34、盖除导航栏目以明矩形，其大小如下红色区域（能覆盖除导航栏目以外的区域）外的区域）将透明按钮拖入场景中，单独放在一个图层中，并给按钮将透明按钮拖入场景中，单独放在一个图层中，并给按钮添加如下代码：添加如下代码： on(rollOver) a.gotoAndStop(1); b.gotoAndStop(1); /意思是指当鼠标移动到该透明按钮上时，所有的子意思是指当鼠标移动到该透明按钮上时，所有的子 栏目影片剪辑都停止播放。栏目影片剪辑都停止播放。/信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)用flash按钮制作简单的鼠标跟随效果 动画原理分析：利用按钮的动画原理分析：利

35、用按钮的 rollOver（指针经（指针经过）事件来触发一个影片剪辑（你要的跟随效过）事件来触发一个影片剪辑（你要的跟随效果）。在场景中铺满透明度为果）。在场景中铺满透明度为0的按钮时，我的按钮时，我们只要把鼠标放到场景中移动（们只要把鼠标放到场景中移动（rollover)，就，就会触发跟随效果的剪辑，这样就得到了鼠标跟会触发跟随效果的剪辑，这样就得到了鼠标跟随的动态效果随的动态效果 。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)1 1、制作要跟随的图形或图片，例如：新建一个元件命名为、制作要跟随的图形或图片，例如：新建一个元件命名为ballball，画一个圆，画一个

36、圆即可。（画泡泡放射状填充即可。（画泡泡放射状填充#FFFFFF#FFFFFF 15% 15% #FFFFFF #FFFFFF 45% 45%，第二图层画高，第二图层画高光，效果如图：光，效果如图：2 2、新建一个按钮，只需要在第一帧处画上一个任意形状的按钮（圆、方）、新建一个按钮，只需要在第一帧处画上一个任意形状的按钮（圆、方）就可以。就可以。3 3、新建一个影片剪辑，在第一图层第一帧处插入第、新建一个影片剪辑，在第一图层第一帧处插入第2 2步制作的按钮元件，中步制作的按钮元件，中心对齐到图层，在第二层第一帧处的动作里面加入心对齐到图层，在第二层第一帧处的动作里面加入stop()stop()

37、；在第二帧处；在第二帧处插入插入ballball元件，中心对齐，在第元件，中心对齐，在第1515帧处插入关键帧。并用任意变形工具帧处插入关键帧。并用任意变形工具将将1515帧处的图形变小，并且在属性栏中将其透明度调整为帧处的图形变小，并且在属性栏中将其透明度调整为0 0，从，从2-152-15帧处帧处补间设置动画，选中第一层的第一帧中的按钮单击右键，选择动作，在补间设置动画，选中第一层的第一帧中的按钮单击右键，选择动作，在其中输入其中输入on(rollOver)gotoAndPlay(2);on(rollOver)gotoAndPlay(2);，再次选中后打开属性栏中将其透明度调整为再次选中后

38、打开属性栏中将其透明度调整为0 0，如图；，如图； 用flash按钮制作简单的鼠标跟随效果 操作步骤：操作步骤：信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)回到场景回到场景1 1中将剪辑拖到场景中，按住中将剪辑拖到场景中，按住altalt键复制多个键复制多个剪辑，直到覆盖整个场景即可，如图。最后测试动画剪辑，直到覆盖整个场景即可，如图。最后测试动画信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)控制影片剪辑的脚本把把AS写在影片剪辑本身上，选中写在影片剪辑本身上，选中影片剪辑影片剪辑,必必须添加事件须添加事件onClipEvent onClipE

39、vent (事件事件) /需要执行的脚本程序需要执行的脚本程序括号里的括号里的“事件事件”其实是个触发器，当事件发其实是个触发器，当事件发生时，执行该事件后面花括号中的语句。生时，执行该事件后面花括号中的语句。 信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)onClipEvent触发事件onClipEvent(load) : 当影片片断第一次加载到时间轴时，会触发本当影片片断第一次加载到时间轴时，会触发本事件一次事件一次onClipEvent(enterFrame) : 当影片片断加载时间轴时，不论是放映或停止当影片片断加载时间轴时，不论是放映或停止状态或显示与否，都会

40、不断触发本事件。所以只状态或显示与否，都会不断触发本事件。所以只要此片断被加载后，此事件会一直不断地执行，要此片断被加载后，此事件会一直不断地执行，直到影片片断被删除为止。直到影片片断被删除为止。信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)onClipEvent(mouseDown) 当鼠标左键被按下时，会触发本事件一次。当鼠标左键被按下时，会触发本事件一次。onClipEvent(mouseUp) 当被按下的鼠标左键被放开当被按下的鼠标左键被放开时，会触发本事件一次。时，会触发本事件一次。onClipEvent(mouseMove) 只要在场景中移动鼠标，只要在场景

41、中移动鼠标，就会不断触发本事件。就会不断触发本事件。onClipEvent触发事件信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)纵向导航栏实例_root是根路径，是根路径，_this指元件本身，指元件本身，_parent是指该元件的父元件是指该元件的父元件信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)控制影片剪辑属性1、影片剪辑在场景中的位置（、影片剪辑在场景中的位置（效果效果）由由“_x”和和“_y”属性决定的。属性决定的。若每播放一帧，影片剪辑向右和向下移动若每播放一帧，影片剪辑向右和向下移动10像素像素的位置：的位置：onClipEvent

42、(enterFrame)this._x+=10;this. _y+=10;信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)2、控制影片剪辑的旋转、控制影片剪辑的旋转(效果效果) 使用使用“_rotation”属性，属性，-180180 度之间，如：度之间，如：_rotation+=10；3、控制影片剪辑的透明度和可见性、控制影片剪辑的透明度和可见性 使用使用“_alpha”属性，属性，0100 之间，如：之间，如：mc. _alpha=50；_alpha+=10； 使用使用“_visible”属性，属性，true或或false之间；之间；信息工程学院Flash脚本基础实例

43、脚本基础实例(导航条及导航条及MC)4、控制影片剪辑的大小（、控制影片剪辑的大小（效果效果）使用使用“_width”和和“_height”属性，及表示纵、横向缩放属性，及表示纵、横向缩放百分比的百分比的“_xscale”和和“_yscale”属性，如：属性，如：onClipEvent(enterFrame) _width =_ width /2; _height =_ height /2;onClipEvent(enterFrame)_xscale =100*（_root._xmouse-_x）/100;_yscale =100*（_root._ymouse-_y）/100;信息工程学院Fla

44、sh脚本基础实例脚本基础实例(导航条及导航条及MC)影片剪辑属性影片剪辑属性信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)setProperty详解setProperty详解详解作用：作用：设置影片剪辑的属性设置影片剪辑的属性；语法：语法：setProperty(“目标目标”，属性，属性，“值值”)；属性包括：属性包括：_alpha透明度透明度_focusrect显示聚焦框显示聚焦框_height高度高度_highquality高品质高品质_name名称名称_quality品质品质_rotation旋转旋转_soundbuftime声音缓冲时间声音缓冲时间_visibl

45、e可见可见_width宽度宽度_x水平位置水平位置_xscale水平缩放水平缩放_y垂直位置垂直位置_yscale垂直缩放垂直缩放信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)实例实例:setProperty(mc,_alpha,50);setProperty(mc,_rotation,200);setProperty(mc,_visible,false);getProperty详解详解作用：作用：返回指定影片剪辑的属性返回指定影片剪辑的属性；语法：语法：setProperty(“目标目标”，属性，属性)；实例：实例：getProperty(mc,_x);信息工程学院F

46、lash脚本基础实例脚本基础实例(导航条及导航条及MC)动态控制影片剪辑1、影片剪辑的深度级别、影片剪辑的深度级别表示影片剪辑在表示影片剪辑在SWF文件中的堆叠次序。每个文件中的堆叠次序。每个影片剪辑都有唯一的一个深度级别值，值越大影片剪辑都有唯一的一个深度级别值，值越大将排在越前面。每一个深度级别只能容纳一个将排在越前面。每一个深度级别只能容纳一个影片剪辑，如果分配了相同的深度级别，将替影片剪辑，如果分配了相同的深度级别，将替换了以前的影片剪辑。如：换了以前的影片剪辑。如：mc.duplicateMovieClip(“mc1”,5)，即复制了一，即复制了一个与个与mc相同的影片剪辑，深度值为

47、相同的影片剪辑，深度值为5。深度值可选：深度值可选：-163841048575信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)2、影片剪辑的动态复制duplicateMovieClip(“要被复制的影片剪辑的实例名称要被复制的影片剪辑的实例名称”, “为复制得到的影片剪辑指定名称为复制得到的影片剪辑指定名称”， 深度值深度值)；如：如：on(release)for(i=1;I10;i+)duplicateMovieClip(“mc”,”mc”+i,i);setproperty(”mc”+i,_x,random(550);setproperty(”mc”+i,_y,rand

48、om(400);复制出来的影片剪辑与原来的影片剪辑在同一位置，属复制出来的影片剪辑与原来的影片剪辑在同一位置，属性也相同，利用性也相同，利用setproperty命令修改之。实例的名称命令修改之。实例的名称为为mc+i，如，如mc+2信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)飞越星空效果实例1、新建一长和宽为、新建一长和宽为420PX；帧频：；帧频：25；背景色为黑色；背景色为黑色的影片；的影片；2、先建一影片剪辑；共、先建一影片剪辑；共30帧；是一个白色的圆从大到帧；是一个白色的圆从大到小水平运动的动画；及第一帧是长和宽为小水平运动的动画；及第一帧是长和宽为10的

49、大圆；的大圆；透明度为透明度为100；第；第30帧是一个长和宽为帧是一个长和宽为1PX的小圆；透的小圆；透明度为明度为0；如下图：；如下图：信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)3、回到主场景；将刚刚制作好的、回到主场景；将刚刚制作好的MC；拖到主场景一；拖到主场景一帧，并命名为：帧，并命名为：ball ;然后在第二帧插入帧；然后在第二帧插入帧；4、新建一层；在第一帧加入如下、新建一层；在第一帧加入如下AS；setProperty(ball, _alpha, random(100); setProperty(ball, _rotation, random(360

50、); duplicateMovieClip(ball, random(100), random(100);5、测试影片、测试影片信息工程学院Flash脚本基础实例脚本基础实例(导航条及导航条及MC)波浪线条具体步骤先做一影片剪辑先做一影片剪辑(曲线段曲线段,颜色颜色,形状变化形状变化),拖入场景中拖入场景中,实实例名称取为例名称取为0;新建一层新建一层,在第一帧加动作在第一帧加动作:第二帧第二帧,F7,加动作加动作:第三帧第三帧,F7,加动作加动作:i=1;max=50;setProperty(“0”,_alpha,0);setProperty(“0”,_visible,false);duplicateMovieClip(i-1,i,i);setProperty(i,_alpha,getProperty(i-1,_alpha)+3);setProperty(i,_y,getProperty(i-1,_y)+i/10);setProperty(i,_xscale,getProperty(i-1,_xscale)+4);i=i+1;if(i动作动作. 先定义变量，先定义变量，并鼠标拖拽并鼠标拖拽 i = 2; startDrag(dot1, true);按按F6第第2帧，随机复制影片剪辑帧，随机复制影片剪辑“dot1”,代码如下：代码如下：if (i40) i = 1;dupli