Current location - Plastic Surgery and Aesthetics Network - Plastic surgery and medical aesthetics - How to realize drop-down menu with asp
How to realize drop-down menu with asp
& lthtml & gt

& lthead & gt

& ltmeta mand,target,isline,statustxt,level,img,sizex,sizey,pos){

this . items = new Array();

this.caption = caption

This.command = command;

this.target = target

this . is line = is line;

this.statustxt = statustxt

If (level! = null){ mnumberofsub++;

this.hasc = mnumberofsub}

This.level = level;

this.img = img

this.sizex = sizex

this.sizey = sizey

this.pos = pos

}

Function mMenu (Title, Command, Target, Image, Dimension X, Dimension Y, Position) (

this . items = new Array();

this.caption = caption

This.command = command;

this.target = target

this.img = img

this.sizex = sizex

this.sizey = sizey

this.pos = pos

this . id = mMenuRegister(this);

}

Function mMenuAddItem (project)

{

This.items[this.items length] = item

item . parent = this . id;

this.children = true

}

mmenu . prototype . additem = mMenuAddItem;

mmenumeitem . prototype . add subitem = mMenuAddItem;

Function mtoout(src){

src . style . borderleftcolor = mmenuoutbordercolor;

src . style . border right color = mmenuinbordercolor;

src . style . bordertopcolor = mmenuoutbordercolor;

src . style . borderbottomcolor = mmenuinbordercolor;

src . style . background color = mmenuoutcolor;

src . style . color = mmenuovercolor;

}

Function mtoin(src){

src . style . borderleftcolor = mmenuinbordercolor;

src . style . borderrightcolor = mmenuoutbordercolor;

src . style . bordertopcolor = mmenuinbordercolor;

src . style . borderbottomcolor = mmenuoutbordercolor;

src . style . background color = mmenuincolor;

src . style . color = mmenuovercolor;

}

Function change (src){

src . style . borderleftcolor = mmenucolor;

src . style . borderrightcolor = mmenucolor;

src . style . bordertopcolor = mmenucolor;

src . style . borderbottomcolor = mmenucolor;

src . style . background color =“”;

src . style . color = mfontcolor;

}

Function malhide () {

for(var nummenu = 0; nummenu & ltmmenus.lengthnummenu++){

var themenu = document . all[' mMenu '+nummenu]

var themenudiv = document . all[' mmenudiv '+nummenu]

MnO change(themenu);

mmenuhide(themenudiv);

}

for(nummenu = 1; nummenu & lt= mnumberofsubnummenu++){

var the sub = document . all[' msubmenudiv '+nummenu]

msubmenuhide(the sub);

MnO change(document . all[' MP '+nummenu]);

document . all[" mitem "+nummenu]. style . color = mfontcolor;

}

}

Function mmenuide (menuid) (

menuid . style . filter = ' Alpha(Opacity = 100)';

hideSwipe(menuid);

misShow = false

}

Function msubmenuhide (menuid) (

menuid . style . filter = ' Alpha(Opacity = 100)';

menuid . style . visibility = ' hidden ';

}

Function mmenushow(menuid, PID) (

menuid . style . filter = ' Alpha(Opacity = 80)';

menuid . style . left = mpos flag . offset left+PID . offset left+mmenuadjust; menuid . style . top = mpos flag . offset top+mmenutable . offset height+mmenuadjustV;

if(mmenumeitemwidth+parse int(menuid . style . left)& gt; document . body . client width+document . body . scroll left)

menuid . style . left = document . body . client width+document . body . scroll left-mmenumeitemwidth;

mtmp left = menuid . style . left; mtmp top = menuid . style . top; swipe(menuid,2,4);

misShow = true

}

Function mshow submenu (menuid, pid, RID) (

menuid . style . filter = ' Alpha(Opacity = 80)';

menuid . style . left = PID . offsetwidth+rid . offset left;

menuid . style . top = PID . offsettop+rid . offsettop-3;

if(mmenumeitemwidth+parse int(menuid . style . left)& gt; document . body . client width+document . body . scroll left)

menuid . style . left = document . body . client width+document . body . scroll left-mmenumeitemwidth;

menuid . style . visibility = ' visible ';

}

The function mmenu_over(menuid, x){

toel = get real(window . event . to element," className "," cool button ");

fromel = get real(window . event . from element," className "," cool button ");

If (toel == fromel) returns;

if(x & lt; 0){

misShow = false

mall hide();

MTO out(eval(" mMenu "+x));

} Otherwise {

mall hide();

MTO in(eval(" mMenu "+x));

mmenushow(menuid,eval(" mMenu "+x));

}

clear time out(m optimer);

}

Function mmenu_out(x){

toel = get real(window . event . to element," className "," cool button ");

fromel = get real(window . event . from element," className "," cool button ");

If (toel == fromel) returns;

If (error display) {

MTO in(eval(" mMenu "+x));

} Otherwise {

MnO change(eval(" mMenu "+x));

}

mpopOut()

}

The function mmenu_down(menuid, x){

If (error display) {

mmenuhide(menuid);

MTO out(eval(" mMenu "+x));

}

Otherwise {

MTO in(eval(" mMenu "+x));

mmenushow(menuid,eval(" mMenu "+x));

misdown = true

}

}

Function mmenu_up(){

misdown = false

}

Function mmenumitem _ over(menuid, item, x, j, i){

toel = get real(window . event . to element," className "," cool button ");

fromel = get real(window . event . from element," className "," cool button ");

If (toel == fromel) returns;

src El = get real(window . event . src element," className "," cool button ");

for(nummenu = 1; nummenu & lt= mnumberofsubnummenu++){

var the sub = document . all[' msubmenudiv '+nummenu]

If (! (menuid = = the sub | | menuid . style . tag & gt; =thesub.style.tag)){

msubmenuhide(the sub);

MnO change(document . all[' MP '+nummenu]);

document . all[" mitem "+nummenu]. style . color = mfontcolor;

}

}

if(item)document . all[" mitem "+item]. style . color = mmenuovercolor;

if(misdown||item){

MTO in(src El);

}

Otherwise {

MTO out(src El);

}

if(x = =- 1)mthestatus = eval(" msub "+j)。 Item [i]. statustxt

if(j = =- 1)mthestatus = mmenus[x]。 Item [i]. statustxt

if(mthestatus! =""){

musestatus = true

window.status = mthestatus

}

clear time out(m optimer);

}

Function mmenumeratem _ out (hassub) (

toel = get real(window . event . to element," className "," cool button ");

fromel = get real(window . event . from element," className "," cool button ");

If (toel == fromel) returns;

src El = get real(window . event . src element," className "," cool button ");

If (! hassub)MnO change(srcel);

if(muse status)window . status = " ";

mpopOut()

}

Function mmenumeitem _ down(){

src El = get real(window . event . src element," className "," cool button ");

mtoin(srcel)

misdown = true

}

Function mmenumitem _ up(){

src El = get real(window . event . src element," className "," cool button ");

mtoout(srcel)

misdown = false

}

Function mexe3 (j, i){

var cmd

if(eval("msub"+j)。 Item [i]. target=="blank"){

cmd = " window . open("+eval(" msub "+j)。 Item [i]. Command+"')";

} Otherwise {

cmd = eval("msub"+j)。 Item [i]. Target+". location = \ "+eval(" msub "+j)。 Item [i]. Command+"\";

}

eval(cmd);

}

Function mexec2 (x) (

var cmd

if(mmenus[x].target=="blank"){

cmd = " window . open(" "+mmenus[x])。 Command+"')";

} Otherwise {

cmd = mmenus[x]。 Target+". location = \ "+mmenus[x]。 Command+"\";

}

eval(cmd);

}

Function mexec(x, i) (

var cmd

If(mmenus[x]. Item [i]. target=="blank"){

cmd = " window . open(" "+mmenus[x])。 Item [i]. Command+"')";

} Otherwise {

cmd = mmenus[x]。 Item [i]. Target+". location = \ "+mmenus[x]。 Item [i]. Command+"\";

}

eval(cmd);

}

Function mbody_click(){

If (error display) {

src El = get real(window . event . src element," className "," cool button ");

for(var x = 0; x & lt= mmenus.lengthx++){

if(srcel.id=="mMenu"+x)

Return;

}

for(x = 1; x & lt= mnumberofsubx++){

if(srcel.id=="mp"+x)

Return;

}

mall hide();

}

}

document.onclick = mbody _ click

Function mwritetodocument(){

var mwb = 1;

var stringx = ' & ltdiv id = " mpos flag " style = " position:absolute;" & gt& lt/div & gt; & lttable id = mmenutable border = 0 cell padding = 3 cell spacing = 2 width = '+mmenuwidth+' height = '+mmenuheight+' bgcolor = '+mmenucolor+

onselectstart = " event . return value = false " '+

Style="filter:Alpha (opacity = 80); Cursor: "+mcursor+"; +mfonts+

Left boundary:'+MWB+'pXSolid'+MMenuuotborderColor+'; '+

Right box:'+MWB+'pXSolid'+MMENUINBORDColor+'; '+

Top border:'+MWB+'pXSolid'+MMenuuotborder color+'; '+

border-bottom:“+MW b+”px solid“+mmenuinbordercolor+”; padding:0px " & gt; & lttr & gt'

for(var x = 0; x & ltmmenus.lengthx++){

var this menu = mmenus[x];

var imgsize =

if(thismenu.sizex! ="0"||thismenu.sizey! = " 0 ")img size = " width = "+this menu . sizex+" height = "+this menu . sizey;

var ifspace =

if(thismenu.caption! = " ")if space = " ";

string x+= " & lt; TD nowrap class = cool button id = mMenu "+x+" style = ' border:"+mite medge+" px solid "+mmenucolor+

" ' width = "+mmenumunitwidth+" px onmouseover = mmenu _ over(mmenudiv "+x+

","+x+") onmouseout=mmenu_out("+x+

”)onmousedown = mmenu _ down(mmenudiv "+x+","+x+");

if(thismenu.command! =""){

string x+= " onmouseup = mmenu _ up(); mexec 2("+x+"); ;

} Otherwise {

string x+= " onmouseup = mmenu _ up()";

}

if(thismenu.pos=="0"){

string x+= " align = center & gt; & ltimg align = ABS middle src = ' "+this menu . img+" ' "+img size+" & gt+if space+this menu . caption+" & lt; /TD >; ;

} else if(this menu . pos = = " 1 "){

string x+= " align = center & gt; +this menu . caption+if space+" & lt; img align = ABS middle src = ' "+this menu . img+" ' "+img size+" & gt; & lt/TD >; ;

}else if(thismenu.pos=="2"){

string x+= " align = center background = ' "+this menu . img+" ' & gt+this menu . caption+" & lt; /TD >; ;

} Otherwise {

string x+= " align = center & gt; +this menu . caption+" & lt; /TD >; ;

}

string x+= " ";

}

string x+= " & lt; td width = * & gt& lt/TD & gt; & lt/tr & gt; & lt/table >;

for(var x = 0; x & ltmmenus.lengthx++){

this menu = mmenus[x];

if(x & lt; 0){

string x+= ' & lt; div id = mmenudiv '+x+' style = " visible:none " & gt; & lt/div & gt;' ;

} Otherwise {

string x+= ' & lt; div id=mmenudiv'+x+

Style="filter:Alpha (opacity = 80); Cursor: "+mcursor+"; Location: absolute; +

Width: "+MMenumeitemwidth+"px; z-index:'+(x+ 100);

if(mmenuinbordercolor! = mmenuoutbordercolor & amp& ampmsubedge=="0"){

string x+= '; Left border: 1px solid '+mmiduotcolor+

; border-top: 1px solid '+mmiduotcolor; }

string x+= '; Right border:1pxsolid'+MMENUINBORDColor+

; border-bottom: 1px solid '+mmenuinbordercolor+'; visibility:hidden " onselectstart = " event . return value = false " & gt; \n'+

& lttable width = " 100% " border = " 0 " height = " 100% " align = " center " cell padding = " 0 " cellspacing = " 2 " '+

style = " '+m fonts+' border-left: 1px solid '+mmenuoutbordercolor;

if(mmenuinbordercolor! = mmenuoutbordercolor & amp& ampmsubedge=="0"){

string x+= '; Right border: 1px solid '+mmidincolor+

; border-bottom: 1px solid '+mmidincolor; }

string x+= '; border-top: 1px solid '+mmenuoutbordercolor+

; padding:4px " bgcolor = '+mmenucolor+' & gt; \n '

for(var I = 0; I< thismenu.items.length; i++){

var this menuitem = this menu . items[I];

var imgsize =

if(thismenuitem.sizex! ="0"||thismenuitem.sizey! = " 0 ")img size = " width = "+this menuitem . sizex+" height = "+this menuitem . sizey;

var ifspace =

if(thismenu.caption! = " ")if space = " ";

if(thismenuitem.hasc! =null){

string x+= " & lt; tr & gt& ltTD id = MP "+this menuitem . hasc+" class = cool button style = ' border:"+mite medge+" px solid "+mmenucolor+

" ' width = 100% on mouseout = mmenuitem _ out(true)on mouseover = \ " mmenuitem _ over(mmenudiv "+x+

",' "+thismenuitem.hasc+" ',"+x+",- 1,"+I+"; mshow submenu(msubmenudiv "+this menuitem . hasc+"、mp"+thismenuitem.hasc+"、mmenudiv "+x+"); \""+

" & gt& lttable id = mitem "+this menuitem . hasc+" cellspacing = ' 0 ' cell padding = ' 0 ' border = ' 0 ' width = ' 100% ' style = ' "+mfonts+" ' & gt; & lttr & gt& ltTD”;

if(thismenuitem.pos=="0"){

string x+= " & gt; & ltimg align = ABS middle src = ' "+this menuitem . img+" ' "+img size+" & gt+if space+this menuitem . caption+" & lt; /TD & gt; & ltTD”;

} else if(this menuitem . pos = = " 1 "){

stringx += " >+this menuitem . caption+if space+" & lt; img align = ABS middle src = ' "+this menuitem . img+" ' "+img size+" & gt; & lt/TD & gt; & ltTD”;

} else if(this menuitem . pos = = " 2 "){

string x+= " background = ' "+this menuitem . img+" ' & gt+this menuitem . caption+" & lt; /TD & gt; & ltTD background = ' "+this menuitem . img+" ' ";

} Otherwise {

stringx += " >+this menuitem . caption+" & lt; /TD & gt; & ltTD”;

}

string x+= " align = right width = ' 1 ' & gt; & ltfont face = ' Webdings ' style = ' font-size:6pt ' & gt。 4 & lt/font & gt; & lt/TD & gt; & lt/tr & gt; & lt/table & gt; & lt/TD & gt; & lt/tr & gt; \ n ";

}else if(! thismenuitem.isline){

string x+= " & lt; tr & gt& ltTD class = cool button style = ' border:"+mite medge+" px solid "+mmenucolor+

" ' width = 100% height = 15px on mouseover = \ " mmenuitem _ over(mmenudiv "+x+

“,false,“+x+”,- 1,“+I+”; \ " onmouseout = mmenumeitem _ out()onmousedown = mmenumeitem _ down()onmouseup = ";

string x+= " mmenumeitem _ up(); mexec("+x+","+i+");

if(thismenuitem.pos=="0"){

string x+= " & gt; & ltimg align = ABS middle src = ' "+this menuitem . img+" ' "+img size+" & gt+if space+this menuitem . caption+" & lt; /TD & gt; & lt/tr >; ;

} else if(this menuitem . pos = = " 1 "){

stringx += " >+this menuitem . caption+if space+" & lt; img align = ABS middle src = ' "+this menuitem . img+" ' "+img size+" & gt; & lt/TD & gt; & lt/tr >; ;

} else if(this menuitem . pos = = " 2 "){

string x+= " background = ' "+this menuitem . img+" ' & gt+this menuitem . caption+" & lt; /TD & gt; & lt/tr >; ;

} Otherwise {

stringx += " >+this menuitem . caption+" & lt; /TD & gt; & lt/tr >; ;

}

} Otherwise {

string x+= ' & lt; tr & gt& ltTD height = " 1 " background = "/images/HR . gif " onmousemove = " clear time out(m optimer);" & gt& ltimg height = " 1 " width = " 1 " src = " none . gif " border = " 0 " & gt; & lt/TD & gt; & lt/tr & gt; \ n ';

}

} string x+= ' & lt; /table & gt; \ n & lt/div & gt;'

}

}

for(var j = 1; j & lt= mnumberofsubj++){

this item = eval(" msub "+j);

string x+= ' & lt; div id=msubmenudiv'+j+

Style="filter:Alpha (opacity = 80); Tag: "+thisitem.level+"; Cursor: "+mcursor+"; Location: absolute; +

Width: "+MMenumeitemwidth+"px; z-index:'+(j+200);

if(mmenuinbordercolor! = mmenuoutbordercolor & amp& ampmsubedge=="0"){

string x+= '; Left border: 1px solid '+mmiduotcolor+

; border-top: 1px solid '+mmiduotcolor; }

string x+= '; Right border:1pxsolid'+MMENUINBORDColor+

; border-bottom: 1px solid '+mmenuinbordercolor+'; visibility:hidden " onselectstart = " event . return value = false " & gt; \n'+

& lttable width = " 100% " border = " 0 " height = " 100% " align = " center " cell padding = " 0 " cellspacing = " 2 " '+

style = " '+m fonts+' border-left: 1px solid '+mmenuoutbordercolor;

if(mmenuinbordercolor! = mmenuoutbordercolor & amp& ampmsubedge=="0"){

string x+= '; Right border: 1px solid '+mmidincolor+

; border-bottom: 1px solid '+mmidincolor; }

string x+= '; border-top: 1px solid '+mmenuoutbordercolor+

; padding:4px " bgcolor = '+mmenucolor+' & gt; \n '

for(var I = 0; I< this item. items.length; i++){

var this menuitem = this item . items[I];

var imgsize =

if(thismenuitem.sizex! ="0"||thismenuitem.sizey! = " 0 ")img size = " width = "+this menuitem . sizex+" height = "+this menuitem . sizey;

var ifspace =

if(thismenu.caption! = " ")if space = " ";