左侧菜单导航栏的制作(as2.0)

当前位置：主页>AS 应用>文章内容

左侧菜单导航栏的制作(as2.0)

来源：闪吧作者：刘常（琴者） 2008-06-26 【大中小】

FlashAs作品发表>>我要投稿 | FlashAs讨论区>>AS论坛
Flash Media Server学习站>>www.FMScn.com

左侧菜单导航栏的制作，并提供有源文件，希望和大家一起学习。另转载请注明作者和出处！
[效果]

[要求]
1、按钮（滚动条）的高度随菜单的高度而变化；
2、拖动按钮时菜单滚动；
3、鼠标移上子菜单时有显示；
4、鼠标点击子菜单时有显示；
[步骤]
1、新建文件，宽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);
//申明影片剪辑滚动距离变量及按钮和按钮背景影片剪辑的可见性设置
var ypgdjl: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;
//按钮按下开始拖动并设置影片剪辑的坐标
var btntdjl: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();
};
var biaoti_array:Array = new Array("顶端导航栏", "显示时间和问候语", "钟表（纯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 = new MovieClipLoader();
var load_array:Array = new Array("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;
};
}

[源文件]： 左侧菜单导航栏.rar

上一篇：加载进度条的显示 (as2.0) 下一篇：打造完美物体空间散射(as2.0)

·如何用FLASH切割图片 (as3.0)	·FLASH AS2代码制作弹出菜单
·fisix engine:Flash游戏的物理引擎	·汉字转拼音 FLASH AS3.0版
·像素级的碰撞检测(as3.0)	·实例教程：外部加载动画轮换播放
·flash中图形位置的半像素渲染问题	·FLASH留言版(附源码)(as2.0)
·Mac Keynote Alpha移除背景的功能	·又见苹果菜单（类） (as3.0)

·FLEX + ASP 留言本（源文件下载）	·Flash Xml 作品展示分类分页带简介功能
·FLASH 做的简易画板 (AS2.0)	·A*寻路算法
·Airmp3播放器	·音乐玩伴
·苹果菜单	·扫雷游戏
·涂鸦中的橡皮功能	·常用图片滑行放大展示(as3.0)
·拼图游戏(as3.0)	·flash+jsp留言本
·韩式菜单	·树形展开菜单
·MC连线缓动演示	·轮播图片百叶窗遮罩效果
·横向滚动菜单	·电波IE浏览器flex源码