先看效果:(是不是经常见到)
点击浏览该文件 首先导入了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
}
};
}
//
以上的解释可能写的简单了点,不过主要运用的就是缓冲和通过数组取元素来达到以上的效果的,这是我个人的做法,应该和你们常见到的做法不一样。 原代码如下: 点击浏览该文件