【实例说明】
当鼠标单击菜单时,会弹出下拉菜单,此时用鼠标再次单击下拉菜单中的子菜单,下拉菜单立即收缩,并打开相应的页面(我们可以把它做成具体的教学环节)。
【制作步骤】
1.把menuBar组件拖入场景中第一层中,并用任意变形工具调整其大小,取实例名称为“menu”。
2.新建图层2,在第2、3、4、5、6帧分别插入【空白关键帧】,并在第二帧做一个如图(2)所示的标志。
3.新建图层3为代码层,在第一帧输入以下代码,并延长该层帧到第六帧。图层1也延长帧到第六帧。
4.新建一层为代码层,在第一帧输入代码:Stop()
//建立一个菜单项
var menu1 = menu.addMenu("科组");
//建立子菜单
menu1.addMenuItem({data:'1',label:"语文",
instanceName:"yuwen"});
menu1.addMenuItem({data:'2',label:"数学",
instanceName:"shuxue"});
menu1.addMenuItem({data:'3',label:"英文",
instanceName:"english"});
menu1.addMenuItem({data:'4',label:"物理",
instanceName:"wuli"});
menu1.addMenuItem({data:'5',label:"生化",
instanceName:"shenghua"});
menu1.addMenuItem({data:'6',label:"体艺",
instanceName:"tiyi"});
//建立贞听器对象
var zhentingqi = new Object();
zhentingqi.change = function(evt) {
var menua = evt.menu;
var item = evt.menuItem;
switch (item) {
//页面跳转到相应的帧
case menua.yuwen :
_root.gotoAndStop(2);
break;
case menua.shuxue :
_root.gotoAndStop(3);
break;
case menua.english :
_root.gotoAndStop(4);
break;
case menua.wuli :
_root.gotoAndStop(5);
break;
case menua.shenghua :
_root.gotoAndStop(6);
break;
case menua.tiyi :
_root.gotoAndStop(7);
break;
}
};
menu1.addEventListener("change", zhentingqi);
//将菜单捆绑到贞听器中