FLASH制作一个可以伸缩的导航条

制作过程使用FLASH MX 中文版，效果如下： 中国网管论坛bbs.bitsCN.com

网管bitscn_com

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

　　下是制作过程：

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

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

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

    AS层：用来放这个剪辑中所有的AS；

   第1帧的AS为： 中国网管论坛bbs.bitsCN.com

stop(); 网管网www.bitscn.com

　　第20帧的AS为： 网管u家u.bitsCN.com

_root.move.gotoAndStop(1);
stop (); 中国网管联盟bitsCN.com

　　第21帧加入一个标签：close 中国网管论坛bbs.bitsCN.com

    BT层：第一帧为一个按钮；按钮上的AS代码为： 网管联盟bitsCN@com

on (press) {
 gotoAndPlay (2);
 _root.lastzishu = _root.currentzishu;
 _root.currentzishu = this._name;
 _root[_root.lastzishu].gotoAndPlay("close");
 _root.move.gotoAndStop(2);
}

网管下载dl.bitscn.com

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

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

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

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

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

网管论坛bbs_bitsCN_com

网管u家u.bitsCN.com

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

网管联盟bitsCN_com

stop();
_root.zishus = 4;
_root.gap = 1; 中国网管联盟bitsCN.com

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

    A.新建一影片剪辑“move”；在第一帧加入如下代码； 中国网管论坛bbs.bitsCN.com

Stop();

网管网www.bitscn.com

　　B.第二帧加入

网管下载dl.bitscn.com

Stop(); 网管下载dl.bitscn.com

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

网管bitscn_com

    C.在MOVE2的第一帧加入如 网管网www.bitscn.com

Stop(); 中国网管联盟bitsCN.com

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

网管下载dl.bitscn.com

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；并在上边加入如下代码： 网管u家u.bitsCN.com

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;
 }
}

网管联盟bitsCN@com