【实现效果】
如图所示,当我们在“缓动菜单”按钮上单击,会从上至下缓缓地滑动出一个菜单,如点击“课文朗读”后,该菜单又会从下至上缓动收缩,同时打开相应的教学环节。
【制作过程】
- 新建一影片剪辑,进入编辑区,将图层1命名为“缓动按钮”,在第一帧放一个大按钮。并将该影片剪辑拖入场景中,取实例名称为“mc”。
- 双击“mc”进入编辑级别,在“缓动按钮层”下方新建一层为“菜单层”。然后再新建一影片剪辑,实例名称为“mc1”,双击mc1进入其编辑区,在图层1的第二帧插入空白关键帧,放一个影片剪辑,该影片剪辑内部为一背景及文字。
- 在第25帧处插入关键帧,然后将背景及文字的这个影片剪辑向下移动到适合的位置,再创建补间动画。
- 复制第二帧,在第50帧处粘贴帧,然后在25至50帧创建补间动画。并在图层1的第一帧,第25帧,第50帧输入停止命令stop()。
- 新建图层2,在25帧处插入空白关键帧,在该帧处放四个影片剪辑按钮在图层1的文字上方,并设置影片剪辑按钮的透明度为0。
- 返回场景,在mc中菜单层的上方新建一图层为“遮罩层”,画一个矩形框放于如图所示的位置。
- 选中“遮罩层”,右键单击,设置为遮罩。
- 选中“缓动菜单”这一按钮,输入代码:
- 双击mc1影片剪辑进入级别,在第25帧处选中第一个影片剪辑按钮,输入代码:
其中26表示主场景所要跳转到的帧数,即相应的教学环节。其余三个按钮同样编写相似以下的代码。