您的位置:首页
平面网页设计资料
正文

Flash教程:鼠标触发图片缓冲放缩

编辑:Va发布时间:2011年8月16日 留言(0)

说明:Flash AS代码制作鼠标触发图片缓冲放缩

  本文中我们用Flash制作一个鼠标触发的动态实例:按下鼠标拖动图片,图片会缓冲放大并移到最前面,松开鼠标停止拖动图片缓冲缩小。

  效果如下。

 

  用鼠标点击图片并拖动,您将看到图片缓冲放缩效果

  Flash中制作步骤:

  先在Flash中导入几张图片,分别转为影片元件,拖到主场景,实例名分别为pic0_mc、pic1_mc、pic2_mc……

  在帧上写如下代码:原文链接


for (var d:Number = 0; d<=2; d++) {
this["pic"+d+"_mc"].onPress = function() {
  mx.behaviors.DepthControl.bringToFront(this);//移到最前
  startDrag(this);
  this.onEnterFrame = function() {
   this._xscale += (200-this._xscale)/4;//缓冲放大
   this._yscale += (200-this._yscale)/4;
   if (this._xscale>=200) {
    delete this.onEnterFrame;
   }
  };
};
this["pic"+d+"_mc"].onRelease = function() {
  stopDrag();
  this.onEnterFrame = function() {
   this._xscale -= (this._xscale-100)/4;//缓冲缩小
   this._yscale -= (this._yscale-100)/4;
   if (this._xscale<=100) {
    delete this.onEnterFrame;
   }
  };
};
}

 

推荐阅读:
Flash教程:水晶泡泡动画
Flash制作卡通人物眨眼动画
Flash的常用命令
创建Flash站点十大技巧

发表留言

您的称呼 联系电话 匿名

为维护健康文明的社区氛围,请不要发表具有谩骂,诽谤,广告,宣传等内容的言论。

输入验证码