仿央视网Flash动态导航菜单
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
，按 F6 插入关键帧，按 F9 弹出 Action 面板，按 Ctrl+Shift+E 转换到可以自由输入脚本的专家模式，输入 stop() 动作；然后按上面类似的方法，拖动图片 MC 的左上角至矩形的左上角进行自动捕获。 （图6）右键单击pic层前面的帧，在弹出菜单中选择第一项 Create Motion Tween （创建动画 图7）。  （图7）选中 pic 层第10帧，按 F6 创建关键帧；回到第一帧，选中编辑区中的 MC ，在属性面板中设置 Color Styles （样式）为 Alpha（透明），数值为1%（图8），这样一个淡入并移动的动画就制作完成了。  （图8）再选择 Mask 层的第37帧，按 F5 创建内容帧，右键单击 Mask 层，选择弹出菜单中的 Mask 将该层设置为遮罩层，完成后如图9。  （图9）
三、按钮的制作 首先制作按钮 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 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash MX 2004新功能：查找替换下一篇: Flash螺旋特效实例剖析
关于仿央视网Flash动态导航菜单的所有评论
