用Flash 5巧做弹出菜单
作者:史景钊、李遂亮 来源:赛迪网 添加时间:2006-5-21 11:53:11前期制作
1、启动Flash 5.0,新建一个文件,舞台的背景色及舞台大小可根据需要设置;
2、选择Insert→New Symbol命令,弹出Symbol Properties(符号属性)对话框,在Name(名称)输入框中输入MainMenu,Behavior(作用)选择Button(按钮),进入按钮符号编辑窗口;
3、在Up帧上绘制一个矩形,填充色和边框色均选灰色(C0C0C0),边框宽度1.0即可;
4、单击工具箱中的文本工具,在矩形框上写上“文件”二字,颜色选黑色,字体、字号根据需要设置;
5、单击Over帧,按F6键在该帧上插入一个关键帧,使用Ink Bottle Tool(墨水瓶工具)调整矩形左边框和上边框的颜色为白色(FFFFFF),下边框和右边框的颜色为深灰色(666666),以使鼠标移到按钮上时有凸起的效果(如图1所示);
6、与上面类似,在Down帧上插入一个关键帧,调整左边框和上边框的颜色为深灰色(666666),下边框和右边框的颜色为白色(FFFFFF),并稍微向右下方移动文字,使鼠标在按钮上单击时有凹下的效果,主菜单按钮到此制作完毕。
制作菜单项
1、 用Window→Library命令打开库面板,选中MainMenu,右击鼠标,在弹出的菜单中选择Copy(复制),制作MainMenu的4个副本,分别命名为SubMenu1、SubMenu2、SubMenu3和SubMenu4(也可另外制作4个按钮);

图1
制作Menu的电影剪辑
1、选择Insert→New Symbol命令,弹出Symbol Properties(符号属性)对话框,在Name输入框中输入Menu,Behavior(作用)选择Movie Clip(电影片段);
2、在Menu的第一帧上放置MainMenu按钮实例,方法是从库中拖出MainMenu,放到合适的位置;
3、在Menu的第二帧上插入关键帧,分别把SubMenu1~SubMenu4拖到舞台上,并且用Align(排列)面板把它们排列整齐;
4、在第一个关键帧上双击打开Object Actions(对象动作)面板(或用Window→Actions打开),在其中加入GotoAndStop(1)语句,使电影在开始时不自动播放;
5、在第10帧处插入一个关键帧,在其帧动作中加入GotoAndStop(1),目的是当鼠标离开子菜单后,延迟显示子菜单一段时间,加入帧动作后的时间线如图2所示;
6、选择 MainMenu按钮的第1帧,加入以下动作:
on(Release){
GotoAndStop(2)
}

图2
7、用“Ctrl+I”打开Instance(实例)面板,依次选择第二帧中的各按钮,在Instance面板中,把Options(选项)选为Track as Menu Item(菜单项目);

图3
on(rollOut){
GotoAndPlay(3)
}
on(rollOver){
GotoAndStop(2)
}
目的是当鼠标停到各按钮上时,保持第2帧的状态,当鼠标离开按钮后,延迟一段时间后,回到第一帧,只显示主菜单按钮, 即原来的状态。
这样一个弹出菜单的电影剪辑就制作完成了。如果制作的是导航菜单,各按钮上还应加入一个单击时的getURL动作。

图4
站内搜索