论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

左侧菜单导航栏的制作

文章类别:Flash | 发表日期:2008-9-21 20:10:27

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

[要求]
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

作者的闪吧个人空间:http://space.flash8.net/space/?401869
上一篇:{实例}运用遮罩制作儿童节动画 人气:3404
下一篇:{实例}加载进度条的显示 人气:7284
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058