| 加入收藏

flash左侧导航菜单制作和源文件

2009-10-17 20:09来源:未知 浏览:[]
所属专题: 网站导航条设计制作  

本文来自闪吧,关于介绍常见的flash左侧导航菜单的制作,并提供有flash源文件,希望和大家一起学习。另转载请注明作者和出处!

[flash导航菜单制作的最终效果如下]
/UploadTeach/200806/20080627172554740.swf

[导航菜单制作要求]
1、按钮(滚动条)的高度随菜单的高度而变化;
2、拖动按钮时菜单滚动;
3、鼠标移上子菜单时有显示;
4、鼠标点击子菜单时有显示;
[制作步骤]
1、新建flash文件,宽550、高436。
2、新建影片剪辑,名为“子菜单”,第一层第一帧画一个透明矩形,宽174、高20,在第二帧插入关键帧,矩形不透明,填充颜色为#E1F0FF;第二层(最上)拉一动态文本,字体“宋体”、大小13、实例名为my_txt,延长帧到第二帧。
3、新建影片剪辑,名为“菜单组合”;把“子菜单”拖入,在这里我一共拖入52个,实例名分别为bt1_mc、bt2_mc、bt3_mc……bt52_mc。
4、新建按钮元件,名为“按钮”,画一个矩形,宽16、高436填充颜色为#B7CDFC;新建影片剪辑,名为“按钮背景”,画一个矩形,宽16、高436,填充颜色为#ECE9D8。
5、新建影片剪辑,名为“显示条”,画一个矩形,宽174、高20、填充颜色为#006400。
6、新建影片剪辑,名为“遮罩”,画一个矩形,宽174、高436填充颜色任意。
7、 回到主场景中,创建七个图层,图层名从下到上分别为“显示条”、“遮罩显示条”、“菜单组合”、“遮罩菜单”、“按钮背景”、“按钮”、“动作”;分别从 库中拖入“显示条”、“遮罩”、“菜单组合”、“遮罩”、“按钮背景”、“按钮”到相应图层的第一帧上,实例名分别为xst_mc、 maskxst_mc、_mc、mask_mc、btnbj_mc、_btn。
8、在“动作”图层的第一帧上写如下语句:

this._lockroot=true;
//设置遮罩
_mc.setMask(mask_mc);
xst_mc.setMask(maskxst_mc);
//申明影片剪辑滚动距离变量及按钮和按钮背景影片剪辑的可见性设置
varypgdjl:Number=_mc._height-mask_mc._height;
if(ypgdjl<=0){
_btn._visible=0;
}else{
_btn._visible=1;
}
//设置一些元件的坐标及按钮的高度
mask_mc._x=mask_mc._y=maskxst_mc._x=maskxst_mc._y=_mc._x=_mc._y=xst_mc._x=xst_mc._y=0;
_btn._height=int(mask_mc._height*((_mc._height-ypgdjl)/_mc._height));
_btn._x=btnbj_mc._x=mask_mc._width;
_btn._y=btnbj_mc._y=mask_mc._y;
//按钮按下开始拖动并设置影片剪辑的坐标
varbtntdjl:Number=mask_mc._height-_btn._height;
_btn.onPress=function(){
startDrag(this,false,mask_mc._width,mask_mc._y,mask_mc._width,btntdjl);
_mc.onEnterFrame=function(){
this._y=-(int(_btn._y/btntdjl*ypgdjl));
xst_mc._y=Y+this._y;
};
};
_btn.onRelease=_btn.onReleaseOutside=function(){
stopDrag();
};
varbiaoti_array:Array=newArray(" 顶端导航菜单","显示时间和问候语","钟表(纯AS)","左侧导航菜单","滚动条","Flash音乐播放器(一)","Flash音乐 播放器(二)","Flash音乐播放器(三)","Flash音乐播放器(四)","动态打字","右键菜单","任意倒计时","动画加载进度显示","放大镜(一)","放大镜(二)","放大镜(三)","导入外部视频","填空测试","纯AS钟表","日期倒计 时","滚动条","填空测试","纯AS钟表","日期倒计时","滚动条","填空测试","日期倒计时","滚动条","填空测 试","定时出现问候语","动态打字","音乐播放器","自定义鼠标","雪花","百叶窗","相册","纯AS钟表","日期 倒计时","滚动条","填空测试","纯AS钟表","日期倒计时","滚动条","填空测试","纯AS钟表","日期倒计 时","滚动条","填空测试","纯AS钟表","日期倒计时","滚动条","填空测试","日期倒计时","滚动条","填空测 试");
//以上根据你的需要去显示动态导航菜单
this.createEmptyMovieClip("load_mc",this.getNextHighestDepth());
load_mc._x=190;
load_mc._y=0;
var_mcl:MovieClipLoader=newMovieClipLoader();
varload_array:Array=newArray("jiaocheng/dddhl.swf","jiaocheng/time.swf","jiaocheng/watch.swf",
"jiaocheng/zcdhl.swf","jiaocheng/gdt.swf","jiaocheng/yybfq1.swf","jiaocheng/yybfq2.swf",
"jiaocheng/yybfq3.swf","jiaocheng/yybfq4.swf","jiaocheng/dz.swf","jiaocheng/yjcd.swf",
"jiaocheng/rydjs.swf","jiaocheng/jzjdxs.swf","jiaocheng/fangdajing1.swf",
"jiaocheng/fangdajing2.swf","jiaocheng/fangdajing3.swf","jiaocheng/shiping.swf");
//以上是你需要载入文件的路径
xst_mc._visible=0;
for(i=1;i<53;i++){
this._mc["bt"+i+"_mc"].stop();
this._mc["bt"+i+"_mc"].id=i;
this._mc["bt"+i+"_mc"].my_txt.textColor=0xFFFFFF;
this._mc["bt"+i+"_mc"].my_txt.text=biaoti_array[i-1];
this._mc["bt"+i+"_mc"].onRollOver=function(){
this.gotoAndStop(2);
this.my_txt.textColor=0x000000;
};
this._mc["bt"+i+"_mc"].onPress=function(){
_mcl.loadClip(load_array[this.id-1],load_mc);
Y=(this.id-1)*20;
xst_mc._y=Y+_mc._y;
xst_mc._visible=1;
};
this._mc["bt"+i+"_mc"].onReleaseOutside=this._mc["bt"+i+"_mc"].onRollOut=function(){
this.gotoAndStop(1);
this.my_txt.textColor=0xFFFFFF;
};
}

该flash导航菜单作者的闪吧个人空间:http://space.flash8.net/space/401869
[源文件]:flash左侧导航菜单制作.rar


Copyright 2008 逆云网 | 粤ICP备08131116号 |关于我们 | 联系我们 |