JS组织菜单
2014-01-02 22:03
162 查看
//组织菜单
function Menu(id,pid,mName,path){
this.id=id;
this.pid=pid;
this.mName=mName;
this.path=path;
};
function menuBox(objName){
this.obj = objName;
this.Menus = [];
this.selectedMenu = null;
this.str=null;
};
menuBox.prototype.add=function(id,pid,mName,path){
this.Menus[this.Menus.length]=new Menu(id,pid,mName,path);
};
menuBox.prototype.getSubMenus=function(id){
var i;
var subMenus=[];
for (i=0; i<this.Menus.length; i++) {
var menu=this.Menus[i];
if(menu.pid==id){
subMenus[subMenus.length]=menu;
}
}
return subMenus;
};
menuBox.prototype.expand=function(id){
var subMenuBoxStr="<div id=\"subMenuBox"+id+"\" style=\"display:none\" class=\"subMenuBox\">";
for (i=0; i<this.Menus.length; i++) {
var menu=this.Menus[i];
if(menu.pid==id){
subMenuBoxStr+="<div id=\"subMenu"+menu.id+"\" class=\"subMenu\" onMouseOver=\"this.className='subMenu_onmouseOver'\" onMouseOut=\"this.className='subMenu'\">"
+"<a class=\"menuParent\" href=\""+menu.path+"\" target=\"main\">"
+menu.mName+"</a>"
+"</div>";
}
}
subMenuBoxStr+="</div>";
return subMenuBoxStr;
};
menuBox.prototype.toString=function(){
var j;
var str="";
for (j=0; j<this.Menus.length; j++) {
var menu=this.Menus[j];
if(menu.pid==0){
if(this.getSubMenus(menu.id).length==0){
str+="<div id=\"menu"+menu.id+"\" class=\"menu\" onMouseOver=\"this.className='menu_onmouseOver'\" onMouseOut=\"this.className='menu'\">";
str+="<a class=\"menuParent\" href=\""+menu.path+"\" target=\"main\">"
+menu.mName+"</a>";
str+="</div>";
}
else if(this.getSubMenus(menu.id).length!=0){
str+="<div id=\"menu"+menu.id+"\" class=\"menu\" onclick=\"show('subMenuBox"+menu.id+"')\" onMouseOver=\"this.className='menu_onmouseOver'\" onMouseOut=\"this.className='menu'\">";
if(menu.path==''){
str+="<a class=\"menuParent\" target=\"main\">";
}else{
str+="<a class=\"menuParent\" href=\""+menu.path+"\" target=\"main\">";
}
str+=menu.mName+"</a></div>";
str+=this.expand(menu.id);
}
}
}
return str;
};
function Menu(id,pid,mName,path){
this.id=id;
this.pid=pid;
this.mName=mName;
this.path=path;
};
function menuBox(objName){
this.obj = objName;
this.Menus = [];
this.selectedMenu = null;
this.str=null;
};
menuBox.prototype.add=function(id,pid,mName,path){
this.Menus[this.Menus.length]=new Menu(id,pid,mName,path);
};
menuBox.prototype.getSubMenus=function(id){
var i;
var subMenus=[];
for (i=0; i<this.Menus.length; i++) {
var menu=this.Menus[i];
if(menu.pid==id){
subMenus[subMenus.length]=menu;
}
}
return subMenus;
};
menuBox.prototype.expand=function(id){
var subMenuBoxStr="<div id=\"subMenuBox"+id+"\" style=\"display:none\" class=\"subMenuBox\">";
for (i=0; i<this.Menus.length; i++) {
var menu=this.Menus[i];
if(menu.pid==id){
subMenuBoxStr+="<div id=\"subMenu"+menu.id+"\" class=\"subMenu\" onMouseOver=\"this.className='subMenu_onmouseOver'\" onMouseOut=\"this.className='subMenu'\">"
+"<a class=\"menuParent\" href=\""+menu.path+"\" target=\"main\">"
+menu.mName+"</a>"
+"</div>";
}
}
subMenuBoxStr+="</div>";
return subMenuBoxStr;
};
menuBox.prototype.toString=function(){
var j;
var str="";
for (j=0; j<this.Menus.length; j++) {
var menu=this.Menus[j];
if(menu.pid==0){
if(this.getSubMenus(menu.id).length==0){
str+="<div id=\"menu"+menu.id+"\" class=\"menu\" onMouseOver=\"this.className='menu_onmouseOver'\" onMouseOut=\"this.className='menu'\">";
str+="<a class=\"menuParent\" href=\""+menu.path+"\" target=\"main\">"
+menu.mName+"</a>";
str+="</div>";
}
else if(this.getSubMenus(menu.id).length!=0){
str+="<div id=\"menu"+menu.id+"\" class=\"menu\" onclick=\"show('subMenuBox"+menu.id+"')\" onMouseOver=\"this.className='menu_onmouseOver'\" onMouseOut=\"this.className='menu'\">";
if(menu.path==''){
str+="<a class=\"menuParent\" target=\"main\">";
}else{
str+="<a class=\"menuParent\" href=\""+menu.path+"\" target=\"main\">";
}
str+=menu.mName+"</a></div>";
str+=this.expand(menu.id);
}
}
}
return str;
};
相关文章推荐
- js制作可以延时消失的菜单
- JS 屏蔽右键菜单
- BSP中如何引用外部文件(JS/CSS等)及复杂功能的组织实现
- 纯CSS无JS实现灰色下拉导航菜单代码
- 使用原生js读取树形结构对象构筑多级结构菜单
- js隐藏导航菜单
- JS特效代码大全(七)超全的JS树形菜单共享
- 本日志标题:Div+Css(+Js)菜单代码及制作工具
- 多级右键菜单 JS
- js右键菜单
- js屏蔽浏览器右键菜单,粘贴,复制,剪切,选中(转)
- JS+CSS实现类似QQ好友及黑名单效果的树型菜单
- JS超级酷的导航菜单代码
- 各种导航特效----JS树,QQ菜单等
- js菜单效果
- JS+Div实现的阴影菜单
- js实现导航菜单点击切换选中时高亮状态
- js屏蔽鼠标右键菜单
- js实现当前导航菜单高亮显示
- HTML+JS+CSS自定义树形菜单