制作过程使用FLASH MX 中文版，效果如下：
由于时间比较紧；我作的比较粗糙；请大家谅解；本教程只是希望能给大家一个思路；细节方面自已有时间时再作吧；以
下是制作过程：
一、新建一个大小为：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个；实例名称分别设为：zishu1 zishu2 zishu3 zishu4
五、在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;
}
}
好了；测试一下吧；这个东西和昨天我写的那个“Accordion组件的使用实例Ⅰ”差不多；