简单的伸缩菜单-实例教学-Flash-网页制作

前面我们做了一个按钮，现在我们把按钮排列成一组，来做一个简单的伸缩菜单，
我们可以简单的分析一下，既然是伸缩菜单，肯定有两种状态，一种状态是伸出来，
一种状态是缩回去。而这两种状态的实现我们用运动渐变来实现。
1。我们先建立一个电影剪辑，名字为buttonset,拖入几个按钮，排列好。并且为最上面
的白色按钮的实例名称为btnjet.






2。新建一个电影剪辑，用来设置菜单的两个状态，首先拖入刚才做好的电影剪辑,设置实例名称为buttonset,在第20，30，50帧分别插入关键帧，然后分别选择20，30帧，把电影剪辑buttonset向上拖动一段距离，注意这两帧里的电影剪辑位置是重合的，你可以先
设置好第20帧，然后打开属性面板，记住X，Y轴的坐标。然后打开第30帧的属性面板，
添加同样的坐标。分别选则第一帧，第三十帧，点右键，设置运动渐变。



3。新建一层，在舞台上拖拉一个矩形，大小和电影剪辑buttonset的大小一样就可以了。
位置和上一层第20帧的位置重合。（同时遮罩住上一层第一帧的白色按钮，使我们在主
场景中只看到白色按钮）然后选右键，进行遮罩的设置。也就是用矩形来遮罩
我们刚才设置好的运动渐变。
4。新建一层，选择第30帧，插入空白关键帧，分别为第一帧和第三十帧设置标签，
名称为up，down。
5。新建一层，选择第20，30帧，插入空白关键帧。
第一帧添加动作：
stop();
buttonset.btnjet.onPress = function() {gotoAndPlay("up");
}
第20帧添加动作：
stop();
gotoAndPlay("down");

第30帧添加动作：
stop();
buttonSet.btnjet.onPress = function() {gotoAndPlay("down");
}
最后把做好的电影剪辑拖入主场景,测试效果.
点击白色按钮可展开菜单,再点击可以收缩.


[全屏欣赏]


点击浏览该文件