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+