下拉菜单全攻略之Flash篇-2
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
|
（注意：此处就是我们常说的隐形按钮的制作方法，你可试着将此按钮拖拽到scene中，并ctrl+enter进行预览，就会发现虽然我们看不到这个按钮，但到鼠标移动到此按钮的区域内时却会有反应。这种技巧有着极广泛的应用，希望大家好好掌握。） Insert---new symbol新建一个元件，类型为"movie clip"命名为"背景"。用rectangle tool画一矩形，设置stroke color为黑色，fill color为黄色。在info面板设置宽为120高为120。再用rectangle tool画一矩形，设置stroke color为none，fill color为黑色。在info面板设置宽为120高为20。并使其与前一个矩形顶部对齐，输入文字："欢迎光临''蓝色理想''"，在character面板调整大小，颜色后放置在黑色矩形中央。 
Insert---new symbol新建一个元件，类型为"movie clip"命名为"默认内容"。从library 中拖拽"背景"元件到layer1,并在第2，3，4，5帧建立关键帧。双击第一帧，在弹出的frame actions面板中选择stop();同样在第2,3,4,5帧上加入actionscript:"stop();" 
回到第一帧，输入文字："首页"，在character面板调整颜色与大小后将其如图放置。 
分别在第2，3，4，5帧输入文字"内容一"，"内容二"，"内容三"，"内容四"，调整好位置与大小。（位置、大小应参照第一帧文字）单击第2帧，windows---panels---frame,在弹出的 frame面板上设定此帧的帧标签（即frame lable）为1。同样将第3，4，5帧的帧标签依次设为2，3，4 。 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的优点再次得到体现！还犹豫什么？开始动手吧！
关键词：菜单 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于下拉菜单全攻略之Flash篇-2的所有评论
