Flash教程:AS2代码制作弹出菜单

  如果你对本篇文章很感兴趣或是在学习Flash时遇到了什么困难欢迎到我们学院论坛来交流

  效果如下:

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

  制作思路方法如下:

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

Flash教程:AS2代码制作弹出菜单

  在第1帧打开动作面板输入: stop;

  然后建 5个按钮元件标签内容分别为:Click Me (这个颜色其它 4个不样)侧面、背面、正面、受惊

  新建影片剪辑元件取名菜单进入编辑状态后中从库中将Click Me 按钮拖到舞台上在第2帧插入关键帧然后将其它4个按钮元件放到Click Me 元件右边呈垂直排列如图:

Flash教程:AS2代码制作弹出菜单

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

Flash教程:AS2代码制作弹出菜单

Flash教程:AS2代码制作弹出菜单

  在该按钮上点右键选动作然后输入:

  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.

Flash教程:AS2代码制作弹出菜单

Tags: 

延伸阅读

最新评论

发表评论