网站导航透明下拉展开菜单代码.docx

网站导航透明下拉展开菜单代码.docx

《网站导航透明下拉展开菜单代码.docx》由会员分享，可在线阅读，更多相关《网站导航透明下拉展开菜单代码.docx（11页珍藏版）》请在冰豆网上搜索。

网站导航透明下拉展开菜单代码

透明的下拉展开菜单

脚本说明:

把如下代码加入区域中：

varmmenus   =newArray（）;

varmisShow  =newBoolean（）; 

misShow=false;

varmisdown  =newBoolean（）;

misdown=false;

varmsrcel; 

varmfromel;  

varmtoel; 

varmusestatus=false;

varmthestatus="";

varmpopTimer=0;

mmenucolor='#009AFF';mfontcolor='#FFFFFF';mmenuoutcolor='#009AFF';mmenuincolor='#009AFF';mmenuoutbordercolor='#009AFF';mmenuinbordercolor='#009AFF';mmidoutcolor='#0099FF';mmidincolor='#0099FF';mmenuovercolor='#FF0000';mitemedge='0';msubedge='1';mmenuunitwidth=60;mmenuitemwidth=160;mmenuheight=22;mmenuwidth='500';mmenuadjust=10;mmenuadjustV=0;mfonts='font-family:

宋体;font-size:

9pt;color:

#FFFFFF;';mcursor='default';

functionstoperror（）{

returntrue;

}

window.onerror=stoperror;

functionmpopOut（）{

mpopTimer=setTimeout（'mallhide（）',500）;

}

functiongetReal（el,type,value）{

 temp=el;

 while（（temp!

=null）&&（temp.tagName!

="BODY"））{

  if（eval（"temp."+type）==value）{

   el=temp;

   returnel;

  }

  temp=temp.parentElement;

 }

 returnel;

}

functionmMenuRegister（menu） 

{

 mmenus[mmenus.length]=menu

 return（mmenus.length-1）

}

functionmMenuItem（caption,command,target,isline,statustxt,img,sizex,sizey,pos）{

 this.caption=caption;

 mand=command;

 this.target=target;

 this.isline=isline;

 this.statustxt=statustxt;

 this.img=img;

 this.sizex=sizex;

 this.sizey=sizey;

 this.pos=pos;

}

functionmMenu（caption,command,target,img,sizex,sizey,pos）{

 this.items=newArray（）;

 this.caption=caption;

 mand=command;

 this.target=target;

 this.img=img;

 this.sizex=sizex;

 this.sizey=sizey;

 this.pos=pos;

 this.id=mMenuRegister（this）;

}

functionmMenuAddItem（item）

{

 this.items[this.items.length]=item

 item.parent=this.id;

 this.children=true;

}

mMenu.prototype.addItem=mMenuAddItem;

functionmtoout（src）{

src.style.borderLeftColor=mmenuoutbordercolor;

src.style.borderRightColor=mmenuinbordercolor;

src.style.borderTopColor=mmenuoutbordercolor;

src.style.borderBottomColor=mmenuinbordercolor;

src.style.backgroundColor=mmenuoutcolor;

src.style.color=mmenuovercolor;

}

functionmtoin（src）{

src.style.borderLeftColor=mmenuinbordercolor;

src.style.borderRightColor=mmenuoutbordercolor;

src.style.borderTopColor=mmenuinbordercolor;

src.style.borderBottomColor=mmenuoutbordercolor;

src.style.backgroundColor=mmenuincolor;

src.style.color=mmenuovercolor;

}

functionmnochange（src）{

src.style.borderLeftColor=mmenucolor;

src.style.borderRightColor=mmenucolor;

src.style.borderTopColor=mmenucolor;

src.style.borderBottomColor=mmenucolor;

src.style.backgroundColor='';

src.style.color=mfontcolor;

}

functionmallhide（）{

 for（varnummenu=0;nummenu

  varthemenu=document.all['mMenu'+nummenu]

  varthemenudiv=document.all['mmenudiv'+nummenu]

               mnochange（themenu）;

               mmenuhide（themenudiv）;

               }

}

functionmmenuhide（menuid）{

menuid.style.filter='Alpha（Opacity=100）';

menuid.style.visibility='hidden';

misShow=false;

}

functionmmenushow（menuid,pid）{

menuid.style.filter='Alpha（Opacity=80）';

menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;menuid.style.top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuadjustV+1;

if（mmenuitemwidth+parseInt（menuid.style.left）>document.body.clientWidth）

menuid.style.left=document.body.clientWidth-mmenuitemwidth;

menuid.style.visibility='visible';

misShow=true;

}

functionmmenu_over（menuid,x）{

mtoel=getReal（window.event.toElement,"className","coolButton"）;

mfromel=getReal（window.event.fromElement,"className","coolButton"）;

if（mtoel==mfromel）return;

msrcel=window.event.srcElement;

if（x<0）{

 misShow=false;

 mallhide（）;

 mtoout（msrcel）;

}else{

 mallhide（）;

 mtoin（msrcel）;

 mmenushow（menuid,eval（"mMenu"+x））;

}

clearTimeout（mpopTimer）;

}

functionmmenu_out（menuid）{

mtoel=getReal（window.event.toElement,"className","coolButton"）;

mfromel=getReal（window.event.fromElement,"className","coolButton"）;

if（mtoel==mfromel）return; 

msrcel=window.event.srcElement;

if（misShow）{

mtoin（msrcel）;

}else{

mnochange（msrcel）;

}

mpopOut（）

}

functionmmenu_down（menuid,x）{

msrcel=getReal（window.event.srcElement,"className","coolButton"）;

 if（misShow）{

 mmenuhide（menuid）;

 mtoout（msrcel）;

 }

 else{

 mtoin（msrcel）;

 mmenushow（menuid,eval（"mMenu"+x））;

 misdown=true;

 }

}

functionmmenu_up（）{

 misdown=false;

}

functionmmenuitem_over（menuid）{

msrcel=getReal（window.event.srcElement,"className","coolButton"）;

if（misdown）{

 mtoin（msrcel）;

}

else{

mtoout（msrcel）;

}

if（mthestatus!

=""）{

 musestatus=true;

 window.status=mthestatus;

}

clearTimeout（mpopTimer）;

}

functionmmenuitem_out（menuid）{

msrcel=getReal（window.event.srcElement,"className","coolButton"）;

mnochange（msrcel）;

if（musestatus）window.status="";

mpopOut（）

}

functionmmenuitem_down（menuid）{

msrcel=getReal（window.event.srcElement,"className","coolButton"）;

mtoin（msrcel）

misdown=true;

}

functionmmenuitem_up（menuid）{

msrcel=getReal（window.event.srcElement,"className","coolButton"）;

mtoout（msrcel）

misdown=false;

}

functionmexec2（x）{

varcmd;

if（mmenus[x].target=="blank"）{

 cmd="window.open（'"+mmenus[x].command+"'）";

}else{

 cmd=mmenus[x].target+".location='"+mmenus[x].command+"'";

}

eval（cmd）;

}

functionmexec（x,i）{

varcmd;

if（mmenus[x].items[i].target=="blank"）{

 cmd="window.open（'"+mmenus[x].items[i].command+"'）";

}else{

 cmd=mmenus[x].items[i].target+".location='"+mmenus[x].items[i].command+"'";

}

eval（cmd）;

}

functionmbody_click（）{

if（misShow）{

 msrcel=getReal（window.event.srcElement,"className","coolButton"）;

 for（varx=0;x<=mmenus.length;x++）{

  if（msrcel.id=="mMenu"+x）

  return;

 }

 mallhide（）;

}

}

document.onclick=mbody_click;

varmMenuBodyRef;

functionmwritetodocument（）{

     varmwb=1;

     for（variindocument.all）{

             if（document.all[i].tagName=='BODY'）{

                    mMenuBodyRef=document.all[i]

                    varstringx='

absolute;">