FLASH制作一个能够伸缩的导航条

　　制作过程使用FLASHMX中文版，效果如下：

　　

　　

　　由于时间比较紧；我作的比较粗糙；请大家谅解；本教程只是希望能给大家一个思路；细节方面自已有时间时再作吧；以

　　下是制作过程：

　　一、新建一个大小为：200*200Px；帧频：45；背景色：#FFFFFF；的影片；

　　二、首先我们来制作四个导航条；由于时间关系；我只作一个；然后复制；因为作法都相同；

　　步骤A：新建一影片剪辑；起名字为“zishu1”；在这个剪辑中共建四个图层；从下到下名字分别为；AS、BT、NAV、MC

　　

　　AS层：用来放这个剪辑中任何的AS；

　　第1帧的AS为：

　　

stop();

　　第20帧的AS为：

　　

_root.move.gotoAndStop(1);

　　stop ();

　　第21帧加入一个标签：close

　　BT层：第一帧为一个按钮；按钮上的AS代码为：

　　

on (press) {

　　gotoAndPlay (2);

　　_root.lastzishu = _root.currentzishu;

　　_root.currentzishu = this._name;

　　_root[_root.lastzishu].gotoAndPlay("close");

　　_root.move.gotoAndStop(2);

　　}

　　第二帧为一个灰色的方块；们置和第一帧相同；上边无AS；

　　NAV层：只在第20帧加两个按钮；就是“FLASH文章”“WEB文章”；上边加入将来的网页链接地址；

　　MC层：是个灰色从高度1px渐变到45PX；又从45PX到1PX的一个过程；第1帧和最后一帧为1PX高；第20帧为45PX高；中间加渐变过程；

　　三、回到场景；新建三个图层；从上到下分别为：as\nav2\move

　　四、去库中将刚刚制作好的zishu拖到nav2图层中；拖4个；实例名称分别设为：zishu1zishu2zishu3zishu4

　　

　　五、在AS图层的第1帧加入如下代码：

　　

stop();

　　_root.zishus = 4;

　　_root.gap = 1;

　　六、下面我们进行最重要的最后一步；

　　A.新建一影片剪辑“move”；在第一帧加入如下代码；

　　

Stop();

　　B.第二帧加入

　　

Stop();

　　同时在这帧上再先建一个影片剪辑MOVE2；

　　

　　C.在MOVE2的第一帧加入如

　　

Stop();

　　D.回到影片剪辑“move”第二帧；这里上面有一个MOVE2；我们在这个上面加入如下代码：

　　

onClipEvent (enterFrame) {

　　for (i=1; i<_root.zishus 1; i ) {

　　 _root["zishu" add i]._y = _root["zishu" add (i-1)]._y (_root["zishu" add

　　(i-1)]._height) _root.gap;

　　}

　　}

　　E.我们再回到主场影；将库中的move拖到move图层中；将名例如设为：move；并在上边加入如下代码：

　　

onClipEvent (load) {

　　for (i=1; i<_root.zishus 1; i ) {

　　 _root["zishu" add i]._y = _root["zishu" add (i-1)]._y (_root["zishu" add

　　(i-1)]._height) _root.gap;

　　 _root["zishu" add i]._x =100;

　　}

　　}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有