快速业务通道

Flash实例教程:鼠标点击出现图片动画

作者 凌众技术 来源 网页制作 浏览 发布时间 2012-03-09

本文是适合初学者的FLASH教程,最终效果是用鼠标点击后,一个图片出现,从左上角到右下角放大显示,先来看最终效果:

效果如上,鼠标点击动画就会出现一个图片 

点击这里下载源文件

下面开始讲述制作步骤:

第一步:首先准备一幅图片:

Flash实例教程:鼠标点击出现图片动画_webjx.com

然后打开FLASH,之后新建立一个文档:

Flash实例教程:鼠标点击出现图片动画_webjx.com

然后把图片导入到FLASH中,把图片转换为影片剪辑:

Flash实例教程:鼠标点击出现图片动画_webjx.com

然后按Ctrl+L打开库,找到这个影片剪辑,然后右击:

Flash实例教程:鼠标点击出现图片动画_webjx.com

设置如下:

Flash实例教程:鼠标点击出现图片动画_webjx.com

回到舞台后,把图片影片剪辑删除掉,选择第一帧,添加如下动作:

function Main() {
stage.addEventListener(MouseEvent.CLICK, AddImage);
}
Main();
function AddImage(e:MouseEvent):void {
 var newImage:CoolImage = new CoolImage();
this.addChild(newImage);
newImage.x = mouseX;
newImage.y = mouseY;
newImage.scaleX = 0;
newImage.scaleY = 0;
newImage.alpha = 0;
newImage.addEventListener(Event.ENTER_FRAME, ZoomImage);
}
function ZoomImage(e:Event):void {
var imageMC:MovieClip = MovieClip(e.target);
imageMC.scaleX += .05;
imageMC.scaleY += .05;
if (imageMC.scaleX < 4) {
imageMC.alpha += .05;
} else {
imageMC.alpha -= .05;
if (imageMC.alpha < .8) {
imageMC.removeEventListener(Event.ENTER_FRAME, ZoomImage);
}
}
}

最终效果如上,希望大家喜欢。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号