您现在的位置: 像素吧 >> 设计教程 >> Flash教程 >> 正文

AS2代码制作弹出菜单

来源:网络 日期:2008-8-21 16:11:02 作者:sanbos 查看:
"AS2代码制作弹出菜单"这篇Flash教程如果帮助了您,请记得分享给您身边的朋友,如果您有比"AS2代码制作弹出菜单"更好的教程请发布共享,帮助别人快乐自己!
  本例介绍使用Flash AS2代码制作弹出菜单。当鼠标移动按钮上时,会弹出下级菜单,当鼠标从下级菜单移开时,下级菜单又会收回。点击下级菜的各个菜单项,小狗会转向不同的方向。效果如下:

http://www2.flash8.net/UploadTeach/200808/20080814132013476.swf

制作方法如下:
先建一个影片剪辑元件,共五个关键帧,分别为下面五个图形:

弹出菜单

在第1帧打开动作面板,输入:stop();然后建五个按钮元件,标签内容分别为:Click Me (这一个颜色其它四个不一样),侧面、背面、正面、受惊。新建影片剪辑元件,取名菜单,进入编辑状态后中,从库中将Click Me 按钮拖到舞台上,在第2帧插入关键帧,然后将其它4个按钮元件放到Click Me 元件右边,呈垂直排列,如图:

弹出菜单

插入一层,并将这层拖到刚才那一层下边,在下级菜单处画一无笔触任一填充色的矩形,比下级菜单稍大,然后点中它,点修改-转换成元件,形态选按钮。双击进入该按钮编辑模式,将第1帧(弹起)拖到最后一帧(点击),即前三帧均为空白。如图:
弹出菜单

弹出菜单

在该按钮上点右键,选动作,然后输入:
  on(rollOver){  // 当鼠标移动该按钮上时,这个影片剪辑回到上一帧,这就起到了一个当鼠标移出下级菜单时,下级菜单收回去的效果。 

  prevFrame();  

  } 
在Click Me按钮上加如下代码:
  on(rollOver) { 

  _root.meu_mc.gotoAndStop(2); 

  } 
这就起到了当鼠标移到该按钮上时,弹出下级菜单的作用。在“侧面”按钮上,输入:
  on(release) { 

  _root.dog_mc.gotoAndStop(2); 

  } 
这让小狗影片剪辑停在第2帧,即小狗转向侧面。接下来,在背面按钮上的代码是:
  on(release) { 

  _root.dog_mc.gotoAndStop(3); 

  } 
正面按钮的代码是:
  on(release) { 

  _root.dog_mc.gotoAndStop(4); 

  } 
受惊按钮的代码是:
  on(release) { 

  _root.dog_mc.gotoAndStop(5); 

  } 
现在回到主场景,将菜单元件和小狗元件拖到们台上,按下图放好,ok!
弹出菜单

相关评论:

发表评论

  • 昵 称:
  • 内 容:
  •  
  • 虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号!