注册登陆
建站服务
联系信息
 |
视动工坊：动易认证设计师 | |
|
动易模板大赛连续两次获奖 | |
|
现共完成动易模板100余个 | |
|
热诚欢迎定制改制动易模板 | |
|
Q Q： | 363881827 |
|
手机： | 13153001848 |
|
Tel： | 0531-83711777 |
|
Mail： | wsdjqwj2003@163.com |
左侧菜单导航栏的制作
作者：佚名 文章来源：本站原创 点击数： 更新时间：2008-8-12 7:04:48
[效果]
[要求]
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//设置遮罩
_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;
};
}
设计中心录入：alang 责任编辑：alangyuafeng929
评论主题：左侧菜单导航栏的制作（评论内容只代表网友观点）
版权所有：copyright 2005-2008 动易模板NO.1 核心：PowerEasy SiteWeaver™ 6.6 备案：鲁ICP备05007599号
电话：0531－83711777（晚间）手机：13153001848 QQ:363881827 群号：一群13022466（满）二群36354619
电话：0531－83711777（晚间）手机：13153001848 QQ:363881827 群号：一群13022466（满）二群36354619
