当前位置: 首页 > 前端笔记 > FLASH > as3鼠标移上去放大图片,移开还原(scaleX,scaleY的用法)
2014年07八月

as3鼠标移上去放大图片,移开还原(scaleX,scaleY的用法)

这个demo其实挺实用的,鼠标移上去放大图片,移开还原到初始尺寸,做相册的时候,能用到。写个简单的demo备用

首先,创建一个影片片段对象。载入图像到库,ctrl+f8创建影片片段,把图拖进来,调整成合适的尺寸,ctrl+b打碎。回到主场景。

第二,新增一个层,点右键,选择动作,输入以下代码:

import flash.events.MouseEvent;

var sx = small_pic.x;
var sy = small_pic.y;
small_pic.addEventListener("mouseOver", bigMC);
small_pic.addEventListener("mouseOut", smallMC);
function bigMC(me:MouseEvent){
	me.target.x = sx-(small_pic.width/2);
	me.target.y = sy-(small_pic.height/2);
	me.target.scaleX = 2;
	me.target.scaleY = 2;
	me.target.play();
}
function smallMC(me:MouseEvent){
	me.target.x = sx;
	me.target.y = sy;
	me.target.scaleX = 1;
	me.target.scaleY = 1;
}

最后,ctrl+enter,预览效果,大功告成!下面是演示效果:

源文件下载:as3鼠标移上去放大图片,移开还原(scaleX,scaleY的用法).zip

文章信息

  • 发布日期:2014年08月07日 23:00:23
  • 固定地址:http://www.estorm.cn/notes/flash/2014-08-07/as3-scalex-scaley.html