Flash制作一个不错的缓动导航实例
作者:ccss 素材来源:闪吧 点击数: 更新时间:2007-6-14 21:47:23
9，然后把这个mc拖到场景里面在第一帧写上：
10，Ctrl+Enter测试下影片。上一篇教程： 初学Flash者的福音 入门常见问题大总结 下一篇教程： Flash AS实现的一个水波效果动画
今天整理电脑看到这个效果，再重新练习了一遍。
先看效果：
新建一个flash名字随便了，大小588*350 ：
1，把你要放的图片导到库里面 。
2，新建一个mc名字为mc1, 把刚才的图片拖进来，上对齐，左对齐 。
3，新建一个mc名字为color 用矩形工具拖个色条宽20 高350，然后再回到mc1新建一层，把color拖进来也是左对齐，上对齐 。
4，新建一层在mc1上写上要显示的文字 。
5，再在mc1上新建一层，加入一个20*350的按钮，实例名为btn 。
6，重复以上步骤把建5个mc, 名字分别为mc1-mc5 。
如图：
7，新建一个mc新建5个层把刚才m1-m5拖进来到分别的层上实例名分别为m0-m5 。
8，在第一帧上写上:
for (i=0; i<5; i++) {
this["m"+i]._x = _root.my_qlX0[i];
var btnNum = this["m"+i].btn;
btnNum.Mnum = i;
btnNum.onRollOver = function() {
this._parent._parent.m1.MoveTo(0.200000, _root["my_qlX"+this.Mnum]);
this._parent._parent.m2.MoveTo(0.200000, _root["my_qlX"+this.Mnum]);
this._parent._parent.m3.MoveTo(0.200000, _root["my_qlX"+this.Mnum]);
this._parent._parent.m4.MoveTo(0.200000, _root["my_qlX"+this.Mnum]);
};
}
this["m"+i]._x = _root.my_qlX0[i];
var btnNum = this["m"+i].btn;
btnNum.Mnum = i;
btnNum.onRollOver = function() {
this._parent._parent.m1.MoveTo(0.200000, _root["my_qlX"+this.Mnum]);
this._parent._parent.m2.MoveTo(0.200000, _root["my_qlX"+this.Mnum]);
this._parent._parent.m3.MoveTo(0.200000, _root["my_qlX"+this.Mnum]);
this._parent._parent.m4.MoveTo(0.200000, _root["my_qlX"+this.Mnum]);
};
}
9，然后把这个mc拖到场景里面在第一帧写上：
MovieClip.prototype.smoothMove = function(sp, tx) {
this._x = this._x+sp*(tx-this._x);//缓动
};
MovieClip.prototype.MoveTo = function(sp, sx) {
this.age = 0;
this.onEnterFrame = function() {
if (this.age<30) {
this.smoothMove(sp, sx);
} else {
delete onEnterFrame;
}
this.age++;
};
};
//坐标控制
my_qlX0 = [0, 500,522,544,566];//[m1开始位置，m2在右边的位置，m3在右边的位置]
my_qlX1 = [0, 22,522,544,566];//当m2滑到左边事各m的位置
my_qlX2 = [0, 22,44,544,566];//当m2,m3滑到左边事各m的位置
my_qlX3 = [0, 22,44,66,566];//当m2,m3,m4滑到左边事各m的位置
my_qlX4 = [0, 22,44,66,88];//当m2,m3,m4,m5滑到左边事各m的位置
this._x = this._x+sp*(tx-this._x);//缓动
};
MovieClip.prototype.MoveTo = function(sp, sx) {
this.age = 0;
this.onEnterFrame = function() {
if (this.age<30) {
this.smoothMove(sp, sx);
} else {
delete onEnterFrame;
}
this.age++;
};
};
//坐标控制
my_qlX0 = [0, 500,522,544,566];//[m1开始位置，m2在右边的位置，m3在右边的位置]
my_qlX1 = [0, 22,522,544,566];//当m2滑到左边事各m的位置
my_qlX2 = [0, 22,44,544,566];//当m2,m3滑到左边事各m的位置
my_qlX3 = [0, 22,44,66,566];//当m2,m3,m4滑到左边事各m的位置
my_qlX4 = [0, 22,44,66,88];//当m2,m3,m4,m5滑到左边事各m的位置
10，Ctrl+Enter测试下影片。
