加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

一个不错的缓动导航

发布时间:2020-12-15 06:27:21 所属栏目:百科 来源:网络整理
导读:今天整理电脑看到这个效果,再重新练习了一遍。 先看效果: 新建一个flash名字随便了,大小588*350? : 1,把你要放的图片导到库里面 。 2,新建一个mc名字为mc1,把刚才的图片拖进来,上对齐,左对齐 。 3,新建一个mc名字为color 用矩形工具拖个色条宽20 高

今天整理电脑看到这个效果,再重新练习了一遍。

先看效果:


新建一个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][1]);
? this._parent._parent.m2.MoveTo(0.200000,_root["my_qlX"+this.Mnum][2]);
? this._parent._parent.m3.MoveTo(0.200000,_root["my_qlX"+this.Mnum][3]);
? this._parent._parent.m4.MoveTo(0.200000,_root["my_qlX"+this.Mnum][4]);
};
}

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,566];//当m2滑到左边事各m的位置
my_qlX2 = [0,44,566];//当m2,m3滑到左边事各m的位置
my_qlX3 = [0,66,m3,m4滑到左边事各m的位置
my_qlX4 = [0,88];//当m2,m4,m5滑到左边事各m的位置


10,Ctrl+Enter测试下影片。

原文地址:http://www.68design.net/Web-Guide/Flash/11670-1.html

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读