当前位置: 首页 > 图文教程 > Flash动画 > Flash实例教程 > Flash实例:简单的弹出菜单演示

Flash实例教程
Flash教程:AS制作加载外部.swf影片的视频播放器
FlashAS3.0实例教程:喷泉动画特效
Flash cs3仿真艺术设计2.5:压扁与拉伸运用
Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶
Flash CS4教程:AS3制作非常漂亮的曲线
Flash实例:AS3制作茶杯震动动画
Flash教程:鼠标点击显示打散动画
Flash实例教程:鼠标感应放大缩小动画
Flash实例教程:启动摄像头拍照动画
Flash AS3教程:制作文字飞出动画
Flash CS3教程:线性渐变模糊运动动画特效
Flash动画制作实例:不间断滚动图片动画
Flash AS3简单制作百叶窗图片特效
Flash AS3简单制作图片缓动特效动画
Flash AS3简单制作跟随鼠标缓动运动的圆
Flash轻松制作照片上有水纹波动动画
Flash实例:庆祝祖国60华诞烟花动画
Flash CS4教程:旋转的3D立方体动画
Flash实例教程:好看的旋转文字动画
Flash实例教程:低排放高节能汽车广告动画

Flash实例教程 中的 Flash实例:简单的弹出菜单演示


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 166 ::
收藏到网摘: n/a

本例介绍使用Flash AS2代码制作弹出菜单,对本文感兴趣的朋友可以到论坛Flash互助课堂提交作业,会且老师为作业点评加分。
  效果如下:

  当鼠标移动按钮上时,会弹出下级菜单,当鼠标从下级菜单移开时,下级菜单又会收回。点击下级菜的各个菜单项,小狗会转向不同的方向。

  
  制作方法如下:

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

  


  在第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.

  
弹出菜单