图片的一种展示效果

作者佚名技术来源服务器技术浏览发布时间 2012-07-11

先看效果：（是不是经常见到）

点击浏览该文件首先导入了14张图片，分别存成元件，另外分别连接名为：pic1---pic14 然后主场景加入代码：
//第一桢上代码： var i = -1;
while (++i<14) {
Pic = _root.attachMovie("pic"+(i+1), "pic"+(i+1), i);
Pic._x = 50+50*int(i/7);
Pic._y = 50+50*int(i%7);
Pic._xscale = Pic._yscale=40;//场景从库中调入图片，摆放好位置和大小
} //第二桢上代码：
stop();
a = [];//新建一数组
pic_max = 380;//图片放大的最大比例 for (var i = 1; i<=14; i++) {
this["pic"+i].onPress = function() {//每个按钮按下的时候
run();
this.down = true;//表示按下
this.enabled = false;//按钮失效
this.x = this._x;
this.y = this._y;
this.scale = this._xscale;;//分别保存开始的位置，大小
this.speedx = 0;
this.speedy = 0;
a.push(this._name);//把按下的按钮名称添加到数组中
this.swapDepths(_root.getNextHighestDepth());//使按下的按钮处于最高的深度中
this.onEnterFrame = function() {//循环判断
if (this.down) {
this.speedx = (450-this._x)/6+this.speedx*.65;
this.speedy = (280-this._y)/6+this.speedy*.65;
this._x += this.speedx;
this._y += this.speedy;//这里都是运用缓冲的知识
if (Math.abs(this._x-450)<1) {
this._x = 450;
this._y = 280;
this.min = true;
this.down = false;//使图片到达一个位置
}
}
if (this.min) {
this._xscale = this._yscale += (pic_max-this._yscale)*.3;
if (Math.abs(this._xscale-pic_max)<10) {
this._xscale = this._yscale=pic_max;
this._show = true;
this.min = false;//如果到达了就进行放大的过程
}
}
if (this.off and this._show) {//这里的off是数组中不断取最开头的元素时候给附值的
this._x += (this.x-this._x)/2;
this._y += (this.y-this._y)/2;
this._xscale = this._yscale += (this.scale-this._xscale)/6;
if (Math.abs(this._x-this.x)<1) {
this._show = false;
this._x = this.x;
this._y = this.y;
this._xscale = this._yscale=this.scale;
this.enabled = true;
this.off = false;
this.onEnterFrame = null;//这里是个回到原始位置的过程，结束后停止onEnterFrame
}
}
};
};
}
function run() {
onEnterFrame = function () {
if (a.length>1) {
b = a.shift();
eval(b).off = true;
} else {
delete onEnterFrame;//当数组中只有一个元素的时候，停止onEnterFrame
}
};
} //以上的解释可能写的简单了点，不过主要运用的就是缓冲和通过数组取元素来达到以上的效果的，这是我个人的做法，应该和你们常见到的做法不一样。原代码如下：

点击浏览该文件关键词：

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

分享到：更多

你可能对下面的文章感兴趣

上一篇: AE中的一些问题下一篇: 浅谈AS的绘图功能及几个简单的实例（AS初级）

关于图片的一种展示效果的所有评论

随机推荐