快速业务通道

一种较酷导航条的原码分析

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


点击浏览该文件
http://www.flash8.net/bbs/UploadFile/2004-8/200483214220959.swf
var menu_Lables=new Array("Home","Service","Products","Solution","About","Feedback","Other","More");//一个用于放导航条上的文字的数组.(一般多个按钮上的文字用数组添加较为方便);
var menu_minScale=100;//导航条的最小缩放系数
var menu_maxScale=130;//导航条的最大缩放系数
var menu_StartX=300;
var menu_StartY=30//导航条的X,Y位置;
var IconNumber=9//图标的数量
var Icon_minScale=30//图标的最小缩放系数
var Icon_maxScale=60//图标的最小缩放系数
var Icon_Space=4//图标之间的空格 var DockMenu=createEmptyMovieClip("dmenu",10);//创建一个空MC
DockMenu._x=menu_StartX;
DockMenu._y=menu_StartY;
for(var i=0;ivar theItem=DockMenu.attachMovie("icon"+i,"item"+i,i+10);//从库中链接MC到DockMenu中(在库中MC上的链接属性上一定要选择"为动作脚本导出")
theItem.attachMovie("label","ilabel",10);//同上
theItem.preItem=DockMenu["item"+(i-1)];//前一个图标
theItem._x=theItem.preItem._x+theItem.preItem._width+Icon_Space;//每一个图标的位置等于前一个图标的位置+前一个图标的宽+图标之间的间隔;
theItem.ilabel.label.text=menu_Lables[i];//每个MC内的文本框内要显示的字
theItem.ilabel._visible=false;//开始时字不可见
theItem._xscale=Icon_minScale;
theItem._yscale=Icon_minScale;//每个图标开始时的缩放系数为最小缩放
theItem.onRollOver=function(){
this.ilabel._visible=true;//鼠标移到图标上文字可见;
}
theItem.onRollOut=theItem.onReleaseOutside=function(){
this.ilabel._visible=false; //鼠标移出或在外释放时,文字不可见
}
theItem.onEnterFrame=function(){
if(this._parent.mover){
var scale=Icon_maxScale-Math.abs(DockMenu._xmouse-this._x-30)/5;//放大尺寸和鼠标位置有关;
if (scalethis._xscale+=(scale-this._xscale)/3;
this._yscale+=(scale-this._yscale)/3;//尺寸缓冲效果
}
if(this._parent.mout){
this._xscale+=(Icon_minScale-this._xscale)/3
this._yscale+=(Icon_minScale-this._yscale)/3
}//尺寸缓冲效果;
this._x+=(this.PreItem._x+this.PreItem._width+Icon_Space-this._x)/3; //位置缓冲效果
}
}
var theBGBox=DockMenu.attachMovie("bgbar","bgbox",1);
theBGBox.onEnterFrame=function(){
this._x=DockMenu["item0"]._x;
this._width=DockMenu["item"+(IconNumber-2)]._x+DockMenu["item"+(IconNumber-2)]._width-DockMenu["itemCon"]._x;//计算导航条的位置;
}

DockMenu.onMouseMove=function(){
if(this.hitTest(_root._xmouse,_root._ymouse,false)){/鼠标/碰撞测试
this.mover=true;
this.mout=false;//如果碰撞,赋值mover=true;mout=false;
}else{
this.mover=false;
this.mout=true;;//如果不碰撞,赋值mover=false;mout=true;
}
}
点击浏览该文件 关键词:导航

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

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号