Flash中超酷的菜单的制作

2008-04-02 10:34:28来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  菜单效果简析:

  这个菜单主要由两个部分组成:菜单的弹出连同图片Y方向上的滚动。图片的滚动问题现在应该不是问题了(您还能够在原来的基础上自行添加一些效果,比如当鼠标放上图片上面时,图片有Zoom的效果),关键是如何配置菜单的弹出效果。

  制作过程简析:

  新建三个MC,MC名称分别为images、mask、navigation。在MC(images)中,把图片导入,图片竖直排列,其长度的一半对准MC场景的中央;在MC(mask)中,做一竖直色块,用做遮罩;在MC(navigation)中,做相应的背景,并把MC(images)、MC(mask)拖入,排好,命名MC(images)实例名称:menu,具体请看下图:

  


  AS层,帧1, code :

  /*-----------------------------------------------------------------------

  MovieClip.prototype.ymotion = function() {

  //定义一个类

  distance = 140-_root._ymouse;

  this._y = distance*.05;

  if (this._y < 0) {

  this._y = 405;

  }

  if (this._y >405){

  this._y = 0;

  }

  }

  //以上代码大家应该不陌生了

  /*----------------------------------------------------------------------------

  //call

  menu.onEnterFrame = function() {

  if (this.hitTest(_root._xmouse, _root._ymouse, true)){

  this.ymotion();

  }

  }

  这样就能够实现图片的滚动效果。

  把MC(navigation)从库中拖到主场景,其instance name :nav

  新建一层:Control ,帧1, code :

  /*----------------------------------------------------------

  fscommand("allowscale", "false");

  //配置菜单弹出效果

  MovieClip.prototype.xmotion = function() {

  this.s = this.s*.4 (this.x-this._x)*.4;

  this._x = this.s;

  };

  nav.x = 460;

  nav.useHandCursor = false;//当鼠标在nav上时屏蔽手形

  //鼠标事件

  nav.onRollOver = nav.onRollOut=function () {

  if(this.x == 460){

  this.x=240;

  }else{

  this.x=460;

  }

  }

  //call

  nav.onEnterFrame = xmotion;

  /*--------------------------------------------------------------------------------------------------------

  Ctrl enter!....似乎效果还不错教程写完了

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: 动感水珠,Flash制作的步骤

下一篇: 关于动画的一些杂文