弹出菜单练习[原创]［本文已收录教程库］
效果如下：当鼠标移动按钮上时，会弹出下级菜单，当鼠标从下级菜单移开时，下级菜单又会收回。点击下级菜的各个菜单项，小狗会转向不同的方向。[swf]http://bbs.jcwcn.com/attachments/month_0806/20080603_34dad0044cb010293c8aaJDwWINn3JpO.swf[/swf]
制作方法如下：
先建一个影片剪辑元件，共五个关键帧，分别为下面五个图形：
[attach]843165[/attach]
在第１帧打开动作面板，输入： stop();
然后建五个按钮元件，标签内容分别为：Click Me (这一个颜色其它四个不一样），侧面、背面、正面、受惊。
新建影片剪辑元件，取名菜单，进入编辑状态后中，从库中将Click Me 按钮拖到舞台上，在第２帧插入关键帧，然后将其它４个按钮元件放到Click Me 元件右边，呈垂直排列，如图：
[attach]843166[/attach]
插入一层，并将这层拖到刚才那一层下边，在下级菜单处画一无笔触任一填充色的矩形，比下级菜单稍大，然后点中它，点修改－转换成元件，形态选按钮。双击进入该按钮编辑模式，将第１帧（弹起）拖到最后一帧（点击），即前三帧均为空白。如图：
[attach]843167[/attach][attach]843168[/attach]
在该按钮上点右键，选动作，然后输入：
on(rollOver){ // 当鼠标移动该按钮上时，这个影片剪辑回到上一帧，这就起到了一个当鼠标移出下级菜单时，下级菜单收回去的效果。
prevFrame();
}
在Click Me按钮上加如下代码：
on(rollOver) {
_root.meu_mc.gotoAndStop(2);
}
这就起到了当鼠标移到该按钮上时，弹出下级菜单的作用。
在“侧面”按钮上，输入：
on(release) {
_root.dog_mc.gotoAndStop(2);
}
这让小狗影片剪辑停在第２帧，即小狗转向侧面。
接下来，在背面按钮上的代码是：
on(release) {
_root.dog_mc.gotoAndStop(３);
}
正面按钮的代码是：
on(release) {
_root.dog_mc.gotoAndStop(４);
}
受惊按钮的代码是：
on(release) {
_root.dog_mc.gotoAndStop(５);
}
现在回到主场景，将菜单元件和小狗元件拖到们台上，按下图放好，ok.
[attach]843169[/attach]
[[i] 本帖最后由 sanbos 于 2009-1-21 22:03 编辑 [/i]] 交作业了，HOHO。。。。。
PS:1.个人觉得如果那个按钮都叫Click me了，那就应该是点击它菜单才弹出来
on(rollOver) {
_root.meu_mc.gotoAndStop(2);
}
改为:
on(press) {
_root.meu_mc.gotoAndStop(2);
}
2.补充下，就是从教程最后一步开始，回到场景后，记得把拖入的“菜单”剪辑实例名命名为：meu_mc；小狗元件命名为：dog_mc，OK！
3.老师，继续顶你们出教程给我们学着做，可能刚开始人气不旺，以后总会旺，顶你们！记得赶快出新的教程帖哦，3Q!
源文件：[attach]844816[/attach]
效果完成动画
[color=Red][size=4]回复楼下：作业批改得真快，楼下的丫头同志，有空记得出多多的作业，俺期待ing。。。。。。3Q[/size][/color]
[[i] 本帖最后由 sanbos 于 2009-1-21 22:04 编辑 [/i]] 看下楼上朋友的作业~
[swf]http://bbs.jcwcn.com/attachments/month_0806/20080604_287b603b7095dec6c614E75Zrxh2XHUp.swf[/swf]
[[i] 本帖最后由 sanbos 于 2009-1-21 22:06 编辑 [/i]]
回复 沙发 talentmu 的帖子
多谢指出问题，这个练习是看到研讨区中有朋友问菜单的做法，就写了这么个教程，大家练习一下。那位朋友要求的是指向按钮就出现下级菜单，所以用了on(rollOver),致于那个click me按钮，偷了个懒，是从其它文件中拿过来用的，没改上面的文字。这是不认真的表现，以后一定改正。 学做一个，活跃讨坛。[swf]http://bbs.jcwcn.com/attachments/month_0806/20080606_7598334390f2d42fe87fNlRynUMhnapE.swf[/swf]
[[i] 本帖最后由 sanbos 于 2009-1-21 22:06 编辑 [/i]] [swf]http://bbs.jcwcn.com/attachments/month_0807/20080719_49d5e10525d7fe8d0f06mMNZXlYkSdZo.swf[/swf]
老师帮我看看，我的菜单一出来右边菜单一闪一闪的，为什么，找不出原因，谢谢了
[[i] 本帖最后由 sanbos 于 2009-1-21 22:08 编辑 [/i]] [quote]原帖由 [i]十兄[/i] 于 2008-7-19 11:26 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=4247565&ptid=185525][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]
879848[url]http://bbs.jcwcn.com/attachment.php?aid=879848&k=90c19678c734a9b34b08ac1377c1cf94&t=1216437998[/url]
老师帮我看看，我的菜单一出来右边菜单一闪一闪的，为什么，找不出原因，谢谢了 [/quote]
你第一帧是不是没有输入:stop();
就是让动画停止.........
回复 7楼 talentmu 的帖子
jc:look 应该是吧，他那个点过一次就正常了，就刚开始的时候闪个不停，应该是忘了加停止代码了~ 回答老师们，我查过了，xiaogou电影剪辑的第一帧加了stop();啦，怎么回事呢？回复 9楼 十兄 的帖子
jc:pacify 那你把FLA那个源文件发上来，我帮你看看你哪里没弄对哈~一般这些，有问题，记得顺便把源文件压缩下发上来，方便大家帮你找错误喔~菜单
[attach]880774[/attach][swf]http://bbs.jcwcn.com/attachment.php?aid=880774&k=11af2411982959127d41b7fe72bb5698&t=1216542510[/swf]老师，原文件我是不是发出来了？对不对啊！谢谢帮我看看吧[swf]http://bbs.jcwcn.com/attachments/month_0807/20080722_7ebcaa8c1eeb399f4ea4QqVgVBfoDEhJ.swf[/swf]谢谢清风掠影老师，真的很感谢。
[[i] 本帖最后由 sanbos 于 2009-1-21 22:09 编辑 [/i]]
回复 11楼 十兄 的帖子
是少了个代码喔,少的是按钮菜单元件里第一帧的停止代码,加上就没事了~[swf]http://bbs.jcwcn.com/attachments/month_0807/20080720_50c795c60de75da8aed7EEhFu9tXW5vu.swf[/swf]
[[i] 本帖最后由 sanbos 于 2009-1-21 22:10 编辑 [/i]] 谢谢！小狗图片真可爱
[swf]http://bbs.jcwcn.com/attachments/month_0808/20080804_72c64c5b8acafbbbf6echyO5zezAqv2j.swf[/swf]
[[i] 本帖最后由 sanbos 于 2009-1-21 22:11 编辑 [/i]]
请教
插入一层，并将这层拖到刚才那一层下边，在下级菜单处画一无笔触任一填充色的矩形，比下级菜单稍大，然后点中它，点修改－转换成元件，形态选按钮。双击进入该按钮编辑模式，将第１帧（弹起）拖到最后一帧（点击），即前三帧均为空白。如图：１２.jpg (13.29 KB)
2008-6-3 00:26 １３.jpg (7.56 KB)
2008-6-3 00:26
在该按钮上点右键，选动作，
到这后，我的弹出来的是“无法将动作应用于当前所选内容”。请问这是怎么回事？jc:yiwen
试看看成功不？
我照葫芦做了一个，看看结果如果，望多指教。谢谢[[i] 本帖最后由 哇噻 于 2008-8-5 11:21 编辑 [/i]]
回复 15楼 哇噻 的帖子
不能加代码，是因为你用的是AS3，在AS3中是不能把代码，加到元件上的。下面的图形你息么发个gif上来？gif是无法实现交互功能的。好象不对啊
老师帮我看看,哪里不对了好象不对啊
事例名称dog-mc加上后也不行 [quote]原帖由 [i]szhangxp[/i] 于 2008-8-10 18:24 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=4325895&ptid=185525][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]事例名称dog-mc加上后也不行 [/quote]
作品是用CS3做的就象小博士回复的用CS3在元件上不能加代码。 交个作业，谢谢sanboss教程！
[swf]http://bbs.jcwcn.com/attachments/month_0808/20080812_68d41000fb9e6fbd62df94BrpdYYi3SE.swf[/swf]
[[i] 本帖最后由 sanbos 于 2009-1-21 22:01 编辑 [/i]]
弹出菜单练习作业
[swf]http://bbs.jcwcn.com/attachments/month_0809/20080919_34b2c576aca823388099LxFIFVa91Cx6.swf[/swf][[i] 本帖最后由 sanbos 于 2009-1-21 22:00 编辑 [/i]]
作业
想请问老师一下，怎样把从photoshop中抠出的图导入到flash中，我不知道存为什么格式可以导入，就复制粘贴了一下，谁知做到最后加上背景颜色才知道白色还是没去掉，先谢谢了。[swf]http://bbs.jcwcn.com/attachments/month_0809/20080920_b5810a1ee9fa9f121549F7XRw6NIkQPW.swf[/swf]
[[i] 本帖最后由 sanbos 于 2009-1-21 21:56 编辑 [/i]]
回复 22楼 zhaoruiyang 的帖子
PS做的透明背景图片需存为png或gif格式flash导入后,背景才是透明的. 哈，利用弹出菜单加载mc到舞台终于成功啦[swf]http://bbs.jcwcn.com/attachments/month_0901/20090121_e55aed7eb62750645574XgqRNfNlWHjA.swf[/swf]
[[i] 本帖最后由 eadnfan 于 2009-1-21 21:54 编辑 [/i]] 请问大家，为什么做的步骤都正确，最后一步把影片剪辑拖进主场景，测试影片的时候按钮就根本点不动了呢？谢谢先！jc:look 我也要做 [b] [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=4303491&ptid=185525]14#[/url] [i]哇噻[/i] [/b]
这个教程是AS2的，你建的是AS3文档。AS3文档师法能将代码写在元件上的。 [b] [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=4303881&ptid=185525]15#[/url] [i]哇噻[/i] [/b]
这个效果作gif是不可能做出来的，因为gif是没有交互功能的。
页:
[1]