下拉菜单全攻略之Flash篇
Insert---new symbol新建一个元件,类型为"movie clip"命名为"按钮组"。从library 中拖拽"主按钮"元件到layer1,调整它的位置使其最右端与舞台中心点对齐,中心轴与舞台中心轴重合,

在第二帧新建关键帧并且在这两帧上都加上stop();的actionscript。回到第一帧,右键单击"主按钮"元件,在弹出菜单中选择actions,

输入如下as:
on (rollOver) {
gotoAndStop (2);
}
///当鼠标移动到按钮上时开始播放第二帧
从library 中拖拽"菜单" 、"菜单2"、"菜单3"、"菜单4"元件到layer2,并如图排列

选中"菜单"元件,windows---panels---instance,在instance面板上的options下拉菜单中选择track as button,用同样的方法设置"菜单2"、"菜单3"、"菜单4"元件。右键单击"菜单"元件,在弹出菜单中选择actions,输入如下as:
on (release) {
tellTarget ("_root.info") {
gotoAndStop ("1");
}
}
///当鼠标按下时, name属性为info的mc跳转并停止在frame lable为1的那一帧
用相同的方法依次在"菜单2"、"菜单3"、"菜单4"元件上输入如下as:
菜单2
on (release) {
tellTarget ("_root.info") {
gotoAndStop ("2);
}
}
菜单3
on (release) {
tellTarget ("_root.info") {
gotoAndStop ("3);
}
}
菜单4
on (release) {
tellTarget ("_root.info") {
gotoAndStop ("4);
}
}
insert---layer新建一层layer2,并使layer2的位置位于layer1之下,你可以用鼠标拖拽layer来完成这次操作。在第二帧新建关键帧,从library中拖拽"大按钮"元件到layer2,调整位置使其居中。右键单击"菜单大按钮"元件,在弹出菜单中选择actions,输入如下as:
on (rollOver) {
gotoAndStop (1);
}
///当鼠标移动到按钮上时,跳转并停止在第一帧。
insert---layer新建一层layer3,使之位于最上方,在第二帧新建关键帧,选择pencil tool,stroke color为黑色,stroke height为1,开始为按钮描边,具体效果如图(你可以按住shift再开始描,这样你可以轻松画出水平或垂直的直线)

回到scene1,library中拖拽"按钮组" 与"默认内容"元件到layer1,如图

调整其位置,并可适当的调整大小,我们前面说过flash采用矢量技术,可以无限的等比例缩放,因此你不必担心会有失真。选中"默认内容"元件,windows---panels---instance,在instance面板中设置其name属性为:info。
到此为止,我们完成了flash的下拉菜单的制作,在这个实例中你应该对于flash的基本操作有了一定的认识,了解了按钮元件up,over,down,hit四种状态各代表什么含义,还应当掌握:telltarget,gotoandstop,on等as命令。好!最后让我们预览一下效果,还不错吧?查看一下输出的swf文件,只有4.6kb,flash的优点再次得到体现!还犹豫什么?开始动手吧!
评论内容只代表网友观点,与本站立场无关!


