一个简单的nav
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
|
 点击浏览该文件
之前看到一个cool站,发现其实好多效果as不是很难,主要是想法和平面上的设计配合
这个nav,模仿的还算不错,用时1个小时左右,也不指望大家能从这里学到什么,喜欢的就看一下吧:)
MovieClip.prototype.goAhead = function() {
this.onEnterFrame = function() {
this._x += (menuArray[this.num+1]-this._x)/5;
if (int(menuArray[this.num+1]-this._x) == 0) {
delete this.onEnterFrame;
this.num++;
this._name = "menu"+this.num;
// 所有按钮的就位后,才可再点击
if (--rCounts == 0) {
roll = true;
}
}
};
};
MovieClip.prototype.runToHead = function() {
if (roll) {
roll = false;
var i = rCounts=this.num;
if (i == 0) {
roll = true;
} else {
// 点击按钮之后的几个按钮,是需要向前滑动的
while (i-->0) {
var oMenu = _level0.room["menu"+i];
oMenu.goAhead();
}
}
// 弹性运动
this.onEnterFrame = function() {
this.dx = this.dx*.65+(0-this._x)*.45;
this._x += this.dx;
if (int(this._x) == 0) {
//delete this.onEnterFrame;
// 位置改变后相对的名称也要改变
this.num = 0;
this._name = "menu"+this.num;
}
};
}
};
function format() {
// 用于存储各按钮依次的位置数组
menuArray = [];
// 是否按钮在滑动
roll = true;
// 滑动按钮的个数
rCounts = 0;
_level0.createEmptyMovieClip("room", 10);
room._x = 100;
room._y = 250;
var i = -1;
while (++i<6) {
var menu = room.attachMovie("menu", "menu"+i, i);
menu._x = menu._width*i;
// 将按钮位置逐个推入数组
menuArray.push(menu._x);
menu.title.text = chr(65+i);
menu.num = i;
menu.dx = 0;
menu.onRelease = runToHead;
}
}
format(); |
 点击浏览该文件
关键词： |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn
为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
|
