快速业务通道

仿央视网Flash动态导航菜单(3)

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-15

三、按钮的制作

  首先制作按钮 OVER 帧中要用到的 MC:新建 MC 命名为 btn_mc_1;将 move_m 拖入,设置坐标(0,0);在 Action 面板中输入下面的 AS: onClipEvent (load) {
  pic.gotoAndStop(1);
//使 pics_m 停在第一帧,以显示第一幅图片
}
   选择矩形工具,画一矩形,删除边线,设置属性为:宽54,高25,颜色#FFA600;选择矩形,按 F8 转换为图形符号,命名为 btn_back备用;保持 btn_mc_1 的编辑状态,利用自动捕获的方法,将刚刚创建的矩形符号的左上角与 move_m 的坐下角对齐;设置矩形符号的 Color Styles 属性为 tint 选择一种颜色 (图10),完成后入如 图11 所示。

(图10)(图11)

   然后在 Library (库)中右键单击 btn_mc_1 选择弹出菜单中的 Duplicate (复制)弹出 Duplicate Symbol (复制符号)对话框,将名称改为 btn_mc_2,进入 btn_mc_2 的编辑状态,将 move_m 的 Action 的 pic.gotoAndStop(1); 改为 pic.gotoAndStop(2);,btn_back 改为另一种颜色;以此类推再制做出 btn_mc_3 -- btn_mc_7。这样所有按钮的动画就制作完成了。

   下面来制作按钮:新建 Button (按钮)符号,命名为btn_1;将 btn_back 拖入编辑窗口中,将其左下角与窗口中的小十字对齐;选中 Hit (按钮响应区域)帧按 F7 创建空白帧,用矩形工具画一矩形,宽54,高246(动画的高),也将其左下角与窗口中的小十字对齐,将该层命名为 back;新建一层命名为 movie 选中 Over 帧按 F6 创建关键帧,将 btn_mc_1 拖入,左下角与窗口中的小十字对齐,选中该层的 down 和 hit 帧,按 Shift+F5 将其删除;新建一层命名为 text ,选择 Text Tool (文字工具 T)在窗口中单击,输入导航文字,在属性面板中设置字号为12,勾选 Use Device Fonts 选项(图12)使字体更清晰(发布后会看到效果)。

(图12)

  这样第一个按钮就制作完成,按照刚才制作 btn_mc_2 ~btn_mc_7 的方法同样复制出 btn_2?~ btn_7,需要修改的是导航文字和 over 帧 MC。

  修改文字不必说了,需要说明的是更换 over 帧 MC 的方法,以 btn_2 为例:双击 Library (库)中的 btn_2 进入编辑状态,选择窗口中的 movie 层的 MC 符号,单击属性面板中的 Swap... (交换)按钮,弹出 Swap Symbol (交换符号)对话框,将其更换为相应的 MC 即可( btn_1 对应 btn_mc_1,以此类推)。   四、动画的完成

  回到舞台,选中 buttons 层,将制作好的 btn_1~btn_7 拖入,并按效果中的样子摆放好,可以利用前面提到过的排列面板。   现在这个漂亮的导航菜单就制作完成了,从这个例子中我们可以看到,只要创意好,即使最简单的动画也能实现很漂亮的效果。swf源文件下载

关键词:菜单 导航

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号