动态多层菜单

关注

转载最新推荐文章于 2026-06-11 11:42:06 发布 485 阅读 AI 写同款· GEO 优化 ›

其实这个应该不算.NET方面的东西，只是个asp+js的，而且代码的来源是COOLMENU（ http://www.dhtmlcentral.com）只是自己完全研究了一下，并准备在下步的工作中，在asp.net中实现它，可能已经有了这方面好的东西了，如果有，希望大家告诉一下，谢谢先

最终效果：

核心代码
1 js包含文件

function makePageCoords(win,fr){

if ( ! win) win = window

this .x = 0 ; this .x2 = (bw.ns4 || bw.ns6) ? win.innerWidth - 1 :win.document.body.offsetWidth;

if ( ! fr && bw.ie) this .x2 -= 20 ; else if ( ! fr && bw.ns4) this .x2 -= 4 ; else if (bw.ns6) this .x2 += 1

this .y = 0 ; this .y2 = (bw.ns4 || bw.ns6) ? win.innerHeight:win.document.body.offsetHeight;

if (bw.ns4 &&! win.rows) this .x2 += 5 ; if ( ! fr && bw.ie) this .y2 -= 4 ; else if (bw.ns4 && fr) this .y2 += 4

this .y2orig = this .y2; this .x50 = this .x2 / 2 ; this .y50 = this .y2 / 2 ; return this ;

}

/* ************

Debugging function

************** */

function debug(txt,ev){ if (mDebugging == 2 ) self.status = txt; else alert(txt); if (ev) eval(ev); return false }

/* ***********

Scroll function

************ */

function cm_checkScrolled(obj){

if (bw.ns4 || bw.ns6) obj.scrolledY = obj.win.pageYOffset

else obj.scrolledY = obj.win.document.body.scrollTop

if (obj.scrolledY != obj.lastScrolled){

if ( ! obj.useframes){

for (i = 0 ;i < obj.l[ 0 ].num;i ++ ){ var sobj = obj.l[ 0 ].o[i].oBorder; sobj.moveY(sobj.y + (obj.scrolledY - obj.lastScrolled))}

if (obj.usebar) obj.oBar.moveY(obj.oBar.y + (obj.scrolledY - obj.lastScrolled))

}

obj.lastScrolled = obj.scrolledY; page.y = obj.scrolledY; page.y2 = page.y2orig + obj.scrolledY

if ( ! obj.useframes || bw.ie){ clearTimeout(obj.tim); obj.isover = 0 ; obj.hideSubs( 1 , 0 )}

} if ((bw.ns4 || bw.ns6) && ! obj.useframes) setTimeout( " cm_checkScrolled( " + obj.name + " ) " , 200 )

}

/* **********************

Checking if the values are % or not.

************** */

function cm_checkp(num,w,check,istop,ds){

if (num){ var p = istop ? toppage:page

if (num.toString().indexOf( " % " ) !=- 1 ){ if (w || (check && this .rows)) num = (p.x2 * parseFloat(num) / 100 )

else num = (p.y2 * parseFloat(num) / 100 )

} else num = eval(num)

} else num = 0 ; return num

}

/* ***********

Making DIV objects + DIV objects code

************ */

function cm_makeObj(obj,name,level,win,nest,o){

if (o && (bw.ns4 || bw.ns6)) this .evnt = o

else this .evnt = bw.dom ? win.document.getElementById(obj):bw.ie4 ? win.document.all[obj]:bw.ns4 ? nest ? win.document[nest].document[obj]:win.document[obj]: 0 ;

if ( ! this .evnt) return debug('There seems to be an error with this layer:\nFrame: ' + win + '\nLayer: ' + nest + " . " + obj)

this .ref = bw.dom ? document: this .evnt.document; this .css = bw.ns4 ? this .evnt: this .evnt.style

this .w = this .evnt.offsetWidth || this .css.clip.width || this .ref.width || this .css.pixelWidth || 0 ;

this .h = this .evnt.offsetHeight || this .css.clip.height || this .ref.height || this .css.pixelHeight || 0

this .css = bw.dom || bw.ie4 ? this .evnt.style:bw.ns4 ? this .evnt: 0 ; this .ref = bw.dom || bw.ie4 ? win.document:bw.ns4 ? this .css.document: 0 ;

this .hideIt = cm_hideIt; this .showIt = cm_showIt; this .writeIt = cm_writeIt; this .setactive = cm_setactive; this .addEvents = cm_addEvents;

this .moveIt = cm_moveIt; this .clipTo = cm_clipTo; if (name) this .parent = name; this .moveY = cm_moveY; this .l = level; this .clipOut = cm_clipOut;

this .filterIt = cm_filterIt; this .slide = cm_slide; this .obj = obj + " Object " ; eval( this .obj + " =this " ); this .tim = 10 ; this .clipy = 0 ; return this

}

function cm_writeIt(text){ if ( ! this .img1){ if (bw.ns4){ this .ref.write(text);

this .ref.close()} else this .evnt.innerHTML = text}}; function cm_moveY(y){ this .y = y; this .css.top = y}

function cm_moveIt(x,y){ this .x = x; this .y = y; this .css.left = this .x; this .css.top = this .y}

function cm_showIt(){ this .css.visibility = " visible " ; this .vis = 1 }; function cm_hideIt(){ this .css.visibility = " hidden " ; this .vis = 0 }

function cm_clipOut(px,w,ystop,tim,name){

if ( ! this .vis) return ; if ( this .clipy < ystop - px){ this .clipy += px; this .clipTo( 0 ,w, this .clipy, 0 , 1 )

this .tim = setTimeout( this .obj + " .clipOut( " + px + " , " + w + " , " + ystop + " , " + tim + " ,' " + name + " ') " ,tim)

} else { if (bw.ns6){ this .hideIt();}; this .clipTo( 0 ,w,ystop, 0 , 1 ); if (bw.ns6){ this .showIt()}}

}

function cm_slide(end,px,tim,w,h){

if ( ! this .vis) return ;

if ( this .y < end - px){

if ( this .y > (end - px * px - px) && px > 1 ) px -= px / 5 ; this .moveIt( this .x, this .y + px)

this .clipTo(end - this .y, this .width, this .height, 0 )

this .tim = setTimeout( this .obj + " .slide( " + end + " , " + px + " , " + tim + " , " + w + " , " + h + " ) " ,tim)

} else { this .clipTo( 0 , this .width, this .height, 0 ); this .moveIt( this .x,end)}

}

function cm_filterIt(f){ if ( this .evnt.filters[ 0 ]) this .evnt.filters[ 0 ].Stop(); else this .css.filter = f; this .evnt.filters[ 0 ].Apply(); this .showIt(); this .evnt.filters[ 0 ].Play();}

function cm_setactive(on,name,frmmouse){

if ( ! name) name = this .name; var tobj = this .parent.m[name]

if (tobj.img){ if (tobj.img2){ if (on) this .ref.images[tobj.img].src = tobj.img2; else this .ref.images[tobj.img].src = tobj.img1}

} else {

if (on){ var color = tobj.c2; var fcolor = tobj.c4; var re = tobj.c3} else { var color = tobj.c1; var fcolor = tobj.c3; var re = tobj.c4}

if (color){ if (bw.dom || bw.ie4) this .css.backgroundColor = color; else if (bw.ns4) if (color == " transparent " ) color = null ; this .css.bgColor = color}

if (fcolor && ! bw.ns4){ if (bw.ie4) this .evnt.style.color = fcolor; else if ( this .evnt.childNodes[ 0 ]) this .evnt.style.color = fcolor

} else if (fcolor && frmmouse){t = this .parent.m[name].text; t = t.replace(re,fcolor); this .writeIt(t); if (on) this .addEvents(name, this .parent.name,tobj.lnk, this .parent.useclick)}

if (tobj.l == 0 && bw.ns6){ this .parent.l[ 0 ].o[tobj.num].oBorder.hideIt(); this .parent.l[ 0 ].o[tobj.num].oBorder.showIt();} // Stupid fix for netscape 6

}

function cm_clipTo(t,r,b,l,w){ if (bw.ns4){ this .css.clip.top = t; this .css.clip.right = r; this .css.clip.bottom = b; this .css.clip.left = l

} else { this .css.clip = " rect( " + t + " , " + r + " , " + b + " , " + l + " ) " ; if (w){ this .css.width = r; this .css.height = b}}; this .width = r; this .height = b}

function cm_addEvents(n,name,url,useclick){

this .evnt.onmouseover = new Function(name + " .mover(' " + n + " ') " );

this .evnt.onmouseout = new Function(name + " .mmout(' " + n + " ') " )

if ( ! url && useclick) ev = new Function(name + " .mover(' " + n + " ',1) " )

else ev = new Function(name + " .go(' " + n + " ') " )

if (bw.ns4){ this .ref.captureEvents(Event.MOUSEDOWN); this .ref.onmousedown = ev}

else this .evnt.onclick = ev

}

/* ***********

Making menu object

************ */

function cm_makeMenu(name,parent,text,link,target,width,height,img1,img2,bgcoloroff,bgcoloron,textcolor,hovercolor,onclick,onmouseover,onmouseout){

this .m[name] = new Object(); var obj = this .m[name]; obj.name = name; obj.subs = new Array(); obj.parent = parent; var tt

obj.lnk = (link == 0 || link == '') ? "" :link; obj.target = target

if (parent != "" && parent){ this .m[parent].subs[ this .m[parent].subs.length] = name; l = this .m[parent].l + 1 } else l = 0

obj.l = l; prop1 = l < this .level.length ? this .level[l]: this .level[ this .level.length - 1 ]; prop2 = this .level[ 0 ]

if ( this .l.length <= l){

this .l[l] = new Object(); this .l[l].num = 0 ; if (l == 0 ) this .l[l].names = new Array()

this .l[l].slide = prop1[ " slide " ] || prop2[ " slide " ] || 0 ;

this .l[l].clip = prop1[ " clip " ] || prop2[ " clip " ] || 0 ; this .l[l].clippx = prop1[ " clippx " ] || prop2[ " clippx " ] || 0

this .l[l].cliptim = prop1[ " cliptim " ] || prop2[ " cliptim " ] || 0 ; this .l[l].filter = prop1[ " filter " ] || prop2[ " filter " ] || 0

this .l[l].border = prop1[ " border " ] || prop2[ " border " ]; this .l[l].maxnum = 0

this .l[l].bordercolor = prop1[ " bordercolor " ] || prop2[ " bordercolor " ];

s = prop1[ " align " ] || prop2[ " align " ]; if (s == " left " ) s = 1 ; else if (s == " right " ) s = 0 ;

else if (s == " top " ) s = 3 ; else if (s == " bottom " ) s = 2 ; this .l[l].align = s; this .aobj[l] =- 1 ;

this .l[l].height = prop1[ " height " ] || prop2[ " height " ]; this .l[l].width = prop1[ " width " ] || prop2[ " width " ];

this .l[l].style = prop1[ " style " ] || prop2[ " style " ]; this .l[l].tc = textcolor || prop1.textcolor || prop2.textcolor;

this .l[l].offsetX = String(prop1[ " offsetX " ]) != " undefined " ? prop1[ " offsetX " ]:prop2[ " offsetX " ]

this .l[l].offsetY = String(prop1[ " offsetY " ]) != " undefined " ? prop1[ " offsetY " ]:prop2[ " offsetY " ]

} if (l == 0 ) this .l[l].names[ this .l[l].names.length] = name

if (parent != "" && parent){obj.num = this .m[parent].subs.length - 1 } else obj.num = this .l[l].num

this .l[l].num ++ ; prop = l < this .level.length ? this .level[l]: this .level[ this .level.length - 1 ]

obj.width = this .checkp(width ? width:prop1.width ? prop1.width:prop2.width, 1 , 0 , 1 );

obj.height = this .checkp(height ? height:prop1.height ? prop1.height:prop2.height, 0 , 0 , 1 );

if (parent != "" && parent){ if ( this .m[parent].subs.length > this .l[l].maxnum) this .l[l].maxnum = this .m[parent].subs.length

if ( this .m[parent].totheight == 0 ) this .m[parent].totheight = this .l[l].border

this .m[parent].totheight += obj.height + this .l[l].border

if ( this .m[parent].maxwidth < obj.width) this .m[parent].maxwidth = obj.width + this .l[l].border * 2

} else { this .l[l].maxnum = this .l[l].names.length; this .totwidth += obj.width; this .totheight += obj.height

this .maxwidth = this .maxwidth > obj.width ? this .maxwidth:obj.width; this .maxheight = this .maxheight > obj.height ? this .maxwidth:obj.height

} if (img1) text = ' < img src = " '+img1+' " border = " 0 " name = " imgCMenu'+name+' " > '

else if (bw.ns4){text = ' < font size = " '+(prop1.NS4fontSize||prop2.NS4fontSize)+' " face = " '+(prop1.NS4font||prop2.NS4font)+' " color = " '+(textcolor||this.l[l].tc)+' " > ' + text + ' </ font > '}

if (bw.ns4 && this .useNS4links && (l == 0 ||! this .useframes) || (l == 0 && img1)){tt = img1 && l == 0 ? this .useclick ? this .name + " .mover(' " + name + " ',1); " : this .name + " .go(' " + name + " '); " : "" ;text = ' < a href = " # " onclick = " '+tt+'return false " class = " clNS4 " > ' + text + ' </ a > '}

if (img1){obj.preimg1 = new Image(); obj.preimg1.src = img1}; if (img2){obj.preimg2 = new Image(); obj.preimg2.src = img2}

if (img2) obj.img = " imgCMenu " + name; else obj.img = 0 ; obj.img1 = img1 || "" ; obj.img2 = img2 || "" ; obj.text = text; obj.subx =- 1 ;

obj.c1 = bgcoloroff || prop1.bgcoloroff || prop2.bgcoloroff; obj.c2 = bgcoloron || prop1.bgcoloron || prop2.bgcoloron;

obj.c3 = textcolor || this .l[l].tc; obj.c4 = hovercolor || prop1.hovercolor || prop2.hovercolor; obj.suby =- 1 ;

obj.mclick = onclick || "" ; obj.mover = onmouseover || "" ; obj.mout = onmouseout || "" ; obj.totheight = 0 ; obj.maxwidth = 0 ;

}

/* ***********

Onmouseout

************ */

function cm_mout(name,cl){

if ( ! name && cl &&! this .isover){ this .isclicked = 0 ; this .hideSubs( 1 , 0 , 0 , 0 , 1 ); this .aobj[ 0 ] =- 1 ; return }

if ( ! name) return ; var l = this .m[name].l;

if (( this .m[name].subs.length == 0 ||! this .loaded) || ( this .useclick &&! this .isclicked)){ if (( this .aobj[l + 1 ] ==- 1 || l >= this .l.length - 1 ) && this .aobj[l] !=- 1 ){ this .aobj[l].setactive( 0 , 0 , 1 ); this .aobj[l] =- 1 ;}}

if ( this .m[name].mout != "" ) eval( this .m[name].mout)

if ( this .useclick){ this .isover = 0 ; return }; clearTimeout( this .tim);

if ( ! ( ! bw.ie && this .useframes && l == 0 && this .aobj1)){ this .isover = 0 ; this .aobj1 = 0 ; this .tim = setTimeout( this .name + " .hideSubs(1,0,0,0,1) " , this .wait)}

}

/* ***********

Onmouseover

************ */

function cm_mover(name,cl){

clearTimeout( this .tim); this .isover = 1 ; var l = this .m[name].l;

if ( this .aobj[l].name == name){

if ( this .aobj[l + 1 ] !=- 1 && l < this .l.length - 1 ){

this .aobj[l + 1 ].setactive( 0 , 0 , 1 ); this .aobj[l + 1 ] =- 1 ; this .hideSubs(l + 2 , 1 ); return

} else if (( ! this .useclick) || ( this .useclick && this .isclicked)) return

} if ( this .m[name].mover != "" ) eval( this .m[name].mover)

var num = this .m[name].num; var obj = this .l[l].o[num]

if ( this .aobj[l].name != name){ if ( this .aobj[l] !=- 1 ) this .aobj[l].setactive( 0 , 0 , 1 ); this .aobj[l] = obj; this .aobj[l].name = name; obj.setactive( 1 , 0 , 1 )}

if (l == 1 ) this .aobj1 = 1 ; if (l == 0 && cl && this .useclick) this .isclicked = 1 ;

if ( ! this .isclicked && this .useclick) return ; if ( ! this .loaded) return ;

this .showSubs(name,l,num,cl)

}

/* ***********

Hiding subelements

************ */

function cm_hideSubs(l,system,cl,sys2,hc){

if ( this .isover && ! system) return

if (l == 1 && this .aobj[ 0 ] !=- 1 &&! sys2){ this .aobj[ 0 ].setactive( 0 , 0 , 1 ); this .aobj[ 0 ] =- 1 }

if ( ! this .loaded) return ; if (cl == 1 ) return

for (i = l;i < this .l.length;i ++ ){ if ( this .l[i].oBorder.vis == 0 ) break ; this .l[i].oBorder.hideIt(); this .aobj[i] =- 1 ;}

if (hc && this .hcode){eval( this .hcode); this .hcode = "" }

}

/* ***********

Get x/y coords. Only the first time :)

************ */

function cm_getCoords(name,l,num,topalign,align,ln,border,cn,lev1b){

if (cn == 5 ){ this .m[name].subx = 0 ; this .m[name].suby = 0 ; return } // Just in case infinitive loops

if (l == 1 ) var pobj = this .l[l - 1 ].o[num].oBorder

else var pobj = this .l[l - 1 ].oBorder

var x = pobj.x; var y = pobj.y;

if (l != 1 ){y += this .l[l - 1 ].o[num].y}

pborder = this .l[l - 1 ].border;

lx = x + pobj.width; rx = x - this .m[name].maxwidth - ( this .l[l - 1 ].offsetX * 2 )

if (align == 0 ){ if (l == 1 ){y += border} if (l == 1 && this .useframes) x = 0 ; else x = lx

} else if (align == 1 ){x = rx; if (l == 1 ){ if ( this .useframes) x = page.x2 - this .m[name].maxwidth; y += border}}

if ((align == 2 || topalign == 2 ) && lev1b != 3 ){

if (l != 1 && (align != 1 && align != 0 )){ if (topalign == 1 ) x = rx; else x = lx}

if (l == 1 ) if ( this .useframes) y = 0 ; else y += this .m[name].height + border + pborder;

} if ((align == 3 || topalign == 3 ) && lev1b != 2 ){

if (l != 1 && align != 1 && align != 0 ){ if (topalign == 1 ) x = rx; else x = lx}

if ( this .useframes && l == 1 ) y = page.y2 - this .m[name].totheight - this .l[l - 1 ].offsetY * 2

else y -= this .m[name].totheight - this .l[l].offsetY * 2 ; if (l != 1 || lev1b == 3 ) y += this .m[name].height

} this .m[name].scrollY = this .lastScrolled; this .m[name].subx = x + this .l[l - 1 ].offsetX;

this .m[name].suby = y + this .l[l - 1 ].offsetY; if ( this .useframes && l == 1 && align != 3 ) this .m[name].suby += this .lastScrolled

if ( this .pagecheck && (l != 1 ||! this .useframes)) this .checkPage(name,l,num,topalign,align,ln,border,cn)

}

/* ***********

Checking page coords

************ */

function cm_checkPage(name,l,num,topalign,align,ln,border,cn){

cn ++ ;

if ( this .m[name].subx + this .m[name].maxwidth > page.x2){

if (align != 1 ){ if (align == 3 && topalign != 0 ) topalign = 3 ; align = 1 ; this .getCoords(name,l,num,topalign,align,ln,border,cn)}

} else if ( this .m[name].subx < page.x){

if (align != 0 ){ if (align == 3 ) topalign = 3 ; align = 0 ; this .getCoords(name,l,num,topalign,align,ln,border,cn)}

} else if (( this .m[name].suby + this .m[name].totheight) > page.y2){

if (l == 1 ){topalign = 3 ; this .getCoords(name,l,num,topalign,align,ln,border,cn, 3 )}

else if (align != 3 ){ align = 3 ; this .getCoords(name,l,num,topalign,align,ln,border,cn)}

} else if ( this .m[name].suby < page.y){

if (l == 1 ){topalign = 2 ; this .getCoords(name,l,num,topalign,align,ln,border,cn, 2 )}

else if (align != 2 ){align = 2 ; this .getCoords(name,l,num,topalign,align,ln,border,cn)}

}

/* ***********

Showing subelements

************ */

function cm_showSubs(name,l,num,cl){

l += 1 ; if (l >= this .l.length) return ; ln = this .m[name].subs.length

if (ln == 0 ){ this .hideSubs(l, 1 , 0 , 1 ); return }

else this .hideSubs(l + 1 , 1 ); var border = this .l[l].border; this .aobj[l] =- 1

if ( this .useframes && (bw.ns4 || bw.ns6)) cm_checkScrolled( this )

if (( this .m[name].subx ==- 1 || this .m[name].suby ==- 1 ) || this .m[name].scrollY != this .lastScrolled || this .isresized){

var topalign = this .l[ 0 ].align; var align = this .l[l - 1 ].align;

this .getCoords(name,l,num,topalign,align,ln,border, 0 )

} var x = this .m[name].subx; var y = this .m[name].suby;

var bobj = this .l[l].oBorder; bobj.hideIt();

if ( this .l[l - 1 ].clip &&! ( this .l[l - 1 ].filter && bw.filter)){

clearTimeout(bobj.tim); bobj.clipy = 0 ; bobj.clipTo( 0 , this .m[name].maxwidth, 0 , 0 ); bobj.moveIt(x,y);

} else if ( this .l[l - 1 ].slide &&! ( this .l[l - 1 ].filter && bw.filter)){

clearTimeout(bobj.tim); bobj.clipTo( 0 , this .m[name].maxwidth, this .m[name].totheight, 0 , 1 )

bobj.moveIt(x,y - this .m[name].totheight)

} else {

bobj.clipTo( 0 , this .m[name].maxwidth, this .m[name].totheight, 0 , 1 )

bobj.moveIt(x,y);

}

var yy = border

for (i = 0 ;i < this .l[l].maxnum;i ++ ){

var obj = this .l[l].o[i]

if (i < ln){

var n = this .m[name].subs[i]; obj.aname = n; if ( ! bw.ns4 ||! this .NS4hover) obj.writeIt( this .m[n].text)

obj.addEvents(n, this .name, this .m[n].lnk, this .useclick); var w = this .m[n].width; var h = this .m[n].height

if (obj.y != yy) obj.moveY(yy); yy += h + border; if ( ! obj.img) obj.setactive( 0 ,n, 1 );

if (obj.width != w || obj.height != h) obj.clipTo( 0 ,w,h, 0 , 1 ); obj.css.visibility = " inherit "

} else obj.hideIt()

} if ( this .l[l - 1 ].filter && bw.filter) bobj.filterIt( this .l[l - 1 ].filter)

else if ( this .l[l - 1 ].clip){bobj.showIt(); bobj.clipOut( this .l[l - 1 ].clippx, this .m[name].maxwidth, this .m[name].totheight, this .l[l - 1 ].cliptim,name);}

else if ( this .l[l - 1 ].slide){bobj.showIt(); bobj.slide(y, 15 , 30 , this .m[name].maxwidth, this .m[name].totheight)}

else bobj.showIt();

if ( ! bw.ns4 && this .checkselect){ // CHECKING FOR SELECT BOXES

for (i = 0 ;i < this .sel.length;i ++ ){

selx = 0 ; sely = 0 ; var selp;

if ( this .sel[i].offsetParent){selp = this .sel[i]; while (selp.offsetParent){selp = selp.offsetParent; selx += selp.offsetLeft; sely += selp.offsetTop;}}

selx += this .sel[i].offsetLeft; sely += this .sel[i].offsetTop

selw = this .sel[i].offsetWidth; selh = this .sel[i].offsetHeight

if (((selx + selw) > this .m[name].subx && selx < ( this .m[name].subx + this .m[name].maxwidth))

&& ((sely + selh) > this .m[name].suby && sely < ( this .m[name].suby + this .m[name].totheight))){

if ( this .sel[i].style.visibility != " hidden " ){ this .sel[i].level = l; this .sel[i].style.visibility = " hidden " ; this .hcode += this .name + " .sel[ " + i + " ].style.visibility='visible'; " }

} else if (l <= this .sel[i].level) this .sel[i].style.visibility = " visible "

}

} else if (bw.ns4 && this .hideForm){eval( this .hideForm + " .visibility='hide' " ); this .hcode = this .hideForm + " .visibility='show' " }

}

/* ***********

Making all top elements

************ */

function cm_makeTop(rr){

var m,rows,border,x,y,mpa

m = this .menuplacement; rows = this .rows; this .pxbetween = this .checkp( this .pxbetween, 0 , 1 , 1 )

border = this .l[ 0 ].border;y = this .checkp( this .fromtop, 0 , 0 , 1 ) + border;x = this .checkp( this .fromleft, 0 , 0 , 1 ) + border

if (m == " bottomcenter " || m == " bottom " ){

if (m == " bottomcenter " ) x = toppage.x2 / 2 - ( this .totwidth + border * this .l[ 0 ].num + this .pxbetween * ( this .l[ 0 ].num - 1 )) / 2

y = toppage.y2 - this .maxheight - border

} else if (m == " right " ) x = toppage.x2 - this .maxwidth - border * 2

else if (m == " bottom " ) y = toppage.y2 - this .maxheight - border * 2

else if (m == " center " ){ if (rows == 0 ) x = toppage.x2 / 2 - ( this .maxwidth + border * 2 ) / 2 ; else x = toppage.x2 / 2 - ( this .totwidth + border * this .l[ 0 ].num + this .pxbetween * ( this .l[ 0 ].num - 1 )) / 2 }

else if (m.toString().indexOf( " , " ) >- 1 ) mpa = 1

if ( this .usebar){ var bx,by,bww,bh,oBb

oNS = bw.ns6 ? this .oNS[ this .l[ 0 ].maxnum]: 0

this .oBar = new cm_makeObj('div' + this .name + 'Bar', 0 , 0 ,window, 0 ,oNS)

if ( this .barx == " menu " ) bx = mpa && rows ? this .checkp(m[ 0 ], 1 , 0 , 1 ) - border:x - border; else { bx = this .checkp( this .barx, 1 , 0 , 1 ) }

if ( this .bary == " menu " ) by = mpa &&! rows ? this .checkp(m[ 0 ], 0 , 0 , 1 ) - border:y - border; else by = this .checkp( this .bary, 0 , 0 , 1 ); this .oBar.moveIt(bx,by)

if ( this .barwidth == " menu " ){bww = rows ? mpa ? ( this .checkp(m[m.length - 1 ], 1 , 0 , 1 ) - bx) + this .m[ this .l[ 0 ].names[ this .l[ 0 ].num - 1 ]].width + border:( this .totwidth + this .pxbetween * ( this .l[ 0 ].num - 1 )): this .maxwidth;

bww +=! rows ? border * 2 : 0 ;} else bww = this .checkp( this .barwidth, 1 , 0 , 1 );

if (bw.ie && rows && this .barwidth == " 100% " && this .useframes) bww += parseInt(self.document.body.leftMargin) * 2

if ( this .barheight == " menu " ){bh =! rows ? mpa ? ( this .checkp(m[m.length - 1 ], 0 , 0 , 1 ) - by) + this .m[ this .l[ 0 ].names[ this .l[ 0 ].num - 1 ]].height + border:( this .totheight + this .pxbetween * ( this .l[ 0 ].num - 1 )): this .maxheight;

bh += rows ? this .l[ 0 ].border * 2 : 0 ;} else bh = this .checkp( this .barheight, 0 , 0 , 1 );

this .oBar.clipTo( 0 ,bww,bh, 0 , 1 );

if ( this .barinheritborder && border){oBb = new cm_makeObj('div' + this .name + 'Barb', 0 , 0 ,window,'div' + this .name + 'Bar');

oBb.moveIt(border,border); oBb.clipTo( 0 ,bww - border * 2 ,bh - border * 2 , 0 , 1 ); oBb = null ;}

} this .l[ 0 ].o = new Array(); if ( this .usetextwidth) this .maxwidth = 0

for (j = 0 ;j < this .l[ 0 ].maxnum;j ++ ){

this .l[ 0 ].o[j] = new cm_makeObj('div' + this .name + '0_' + j, this , 0 ,window,'div' + this .name + '0_' + j + 'b'); if (bw.ns6) oNS = this .oNS[j]; else oNS = 0

this .l[ 0 ].o[j].oBorder = new cm_makeObj('div' + this .name + '0_' + j + 'b', 0 , 0 ,window, 0 ,oNS)

obj = this .l[ 0 ].o[j]; w = this .m[ this .l[ 0 ].names[j]].width; h = this .m[ this .l[ 0 ].names[j]].height; if ( this .usetextwidth == 1 ) w += obj.w

obj.addEvents( this .l[ 0 ].names[j], this .name, this .m[ this .l[ 0 ].names[j]].lnk, this .useclick); obj.clipTo( 0 ,w,h, 0 , 1 )

if (mpa){ if (rows == 1 ) x = this .checkp(m[j], 0 , 1 , 1 ); else y = this .checkp(m[j], 0 , 0 , 1 )}

obj.moveIt(border,border);

obj.setactive( 0 , this .l[ 0 ].names[j])

obj.oBorder.moveIt(x - border,y - border); obj.oBorder.clipTo( 0 ,w + border * 2 ,h + border * 2 , 0 , 1 ); obj.oBorder.showIt()

if (rows == 0 ) y += h + border + this .pxbetween

else {

x += w + border + this .pxbetween;

if ( this .usetextwidth) this .maxwidth += w

}

} if ( this .usetextwidth) if (m == " center " ){ if (rows == 0 ) x = toppage.x2 / 2 - ( this .maxwidth + border * 2 ) / 2 ; else x = toppage.x2 / 2 - ( this .totwidth + border * this .l[ 0 ].num + this .pxbetween * ( this .l[ 0 ].num - 1 )) / 2 }

if ( ! rr){

if ( this .useclick) coolFMouseup += this .name + " .mmout('',1); " ; if ( ! this .useframes &&! bw.ns4) this .refresh()

else if ( ! this .useframes && bw.ns4){l = "" ; if (onload){l = String(onload.toString()); l = l.replace( " function onload(event) " , "" ); l = l.slice( 25 ,l.length - 2 )} l += this .name + " .refresh(); " ; onload = new Function(l)}

if ( this .resizecheck) setTimeout('window.onresize = new Function( " '+this.name+'.resized() " )', 500 )

if ( this .checkscroll){ if (bw.ns4 || bw.ns6){ if ( this .checkscroll != 2 && this .useframes != 1 ){setTimeout( " cm_checkScrolled( " + this .name + " ) " , 200 )}}}

if ( this .useframes &&! rr) this .checkFrame( 0 ); else this .win = window

}

/* ***********

Refreshing/making all sub elements

************ */

function cm_refresh(ev){

var border,obj,oNS,oNS2

if ( this .useframes) page = new makePageCoords( this .win, this .useframes); else page = toppage

for (i = 1 ;i < this .l.length;i ++ ){

this .l[i].o = new Array();

border = this .l[i].border; defheight = this .checkp( this .l[i].height)

if (bw.ns4){oNS = new Layer( this .l[i].width, this .win); oNS.zIndex = ( 500 + i); if ( this .l[i].border) oNS.bgColor = this .l[i].bordercolor;}

else if (bw.ns6){oNS = document.createElement( " DIV " ); oNS.setAttribute( " style " , this .ns6styleb[i]); this .win.document.body.appendChild(oNS)}

this .l[i].oBorder = new cm_makeObj('div' + this .name + i + " b " , 0 , 0 , this .win, 0 ,oNS)

for (j = 0 ;j < this .l[i].maxnum;j ++ ){

if (bw.ns4){oNS2 = new Layer( this .l[i].width,oNS);}

else if (bw.ns6){oNS2 = document.createElement( " DIV " ); oNS2.setAttribute( " style " , this .ns6style[i]); oNS.appendChild(oNS2)}

this .l[i].o[j] = new cm_makeObj('div' + this .name + i + '_' + j, this ,i, this .win, 0 ,oNS2)

obj = this .l[i].o[j]; if ( ! obj.addEvents) return ; obj.moveIt(border,(border + defheight) * j + border)

}

} this .loaded = 1 ;

if ( this .checkscroll && bw.ie){ this .win.document.body.onscroll = new Function( " cm_checkScrolled( " + this .name + " ) " ); cm_checkScrolled( this )}

if ( this .useclick){ this .win.document.onmouseup = new Function(coolFMouseup); if ( this .useframes) document.onmouseup = new Function(coolFMouseup); }

if ( ! bw.ns4 && this .checkselect) this .sel = bw.ie4 ? this .win.document.all.tags( " SELECT " ): this .win.document.getElementsByTagName( " SELECT " )

}

function cm_NS6_createElement(st,inn){el = document.createElement( " DIV " ); if (st) el.setAttribute( " style " ,st); if (inn) el.innerHTML = inn; document.body.appendChild(el); return el}

/* ***********

Making code

************ */

function cm_construct(){

this .level = null ; var str = "" ; var str2 = "" ; var frstr = "" ; var tempstr; num = bw.ie ? this .l.length: 1 ;

for (i = 0 ;i < num;i ++ ){

if (i != 0 ) frstr += ' < div id = " div'+this.name+i+'b " style = " '+this.ns6styleb[i]+' " class = " cl'+this.name+i+'b " > \n'

for (j = 0 ;j < this .l[i].maxnum;j ++ ){

tempstr = ' < div id = " div'+this.name+i+'_'+j+' " '; if (i != 0 ) tempstr += 'style = " '+this.ns6style[i]+' " '

if (i == 0 ){n = this .l[ 0 ].names[j]; txt = this .m[n].text

if ( ! bw.ns6){

str += ' < div id = " div'+this.name+'0_'+j+'b " class = " cl'+this.name+'b'+i+' " > '

str += tempstr + ' class = " cl'+this.name+i+' " > ' + txt + ' </ div > '; str += ' </ div > \n'

} else this .oNS[j] = cm_NS6_createElement( this .ns6styleb[i],tempstr + ' class = " cl'+this.name+i+' " > ' + txt + ' </ div > ')

} else frstr += tempstr + ' " ></div>\n'

}if(i!=0){frstr+='</div>\n'}

}if(this.usebar){

if(this.barinheritborder) str2='<div id= " div' + this .name + 'Barb " ></div>';

if(bw.ns6) this.oNS[this.l[0].maxnum]=cm_NS6_createElement(this.ns6styleb[this.ns6styleb.length-1],str2)

else{str+='<div id= " div' + this .name + 'Bar " >';str+=str2+'</div>\n'}

}if(!this.useframes&&bw.ie) str+=frstr; else this.frstr=frstr; if(!bw.ns6) document.write(str)

this.makeTop(); if(this.useframes) window.onerror=cm_check_error;

}

coolFrameError=0//Trapping external pages in frame error!

function cm_check_error(e){e=e.toLowerCase(); if(e.indexOf( " access " )>-1||e.indexOf( " permission " )>-1){coolFrameError=1; return true;}else return false}

/**************

Make styles

**************/

function cm_makeStyle(){

var str= " < style > \n " ; var zindex=150; var c,w,st,bg

this.ns6style=new Array(); this.ns6styleb=new Array()

for(i=0;i<this.l.length;i++){

if(i==0){if(bw.ns4){w= " width: " +this.l[0].width+ " ; " ; this.l[i].style= "" } else w= "" ; str+='.cl'+this.name+i+'{position:absolute; '+w+' background-color:transparent; color:'+this.l[i].tc+';'+this.l[i].style+'; cursor:pointer; cursor:hand; visibility:inherit; z-index:'+zindex+'}\n'}

else{st='position:absolute; '+this.l[i].style+'; cursor:pointer; cursor:hand; visibility:inherit; z-index:'+zindex; this.ns6style[i]=st}

bc=this.l[i].border?bw.ns4?'layer-background-color:'+this.l[i].bordercolor:'; background-color:'+this.l[i].bordercolor: "" ;

if(!bw.ns4) bc+= " ; overflow:hidden "

tempstr='position:absolute; clip:rect(0,0,0,0); visibility:hidden; '+bc+'; z-index:'+(zindex-50)

if(i==0&&!bw.ns6) str+='.cl'+this.name+'b'+i+'{'+tempstr+'}\n';

else this.ns6styleb[i]=tempstr; zindex+=100

}

if(this.usebar){

if(!this.barbackgroundimg){bg=this.barinheritborder?this.l[0].bordercolor:this.barcolor; st='z-index:80; position:absolute; background-color:'+bg+'; layer-background-color:'+bg

}else{ st='z-index:80; position:absolute;'; st+=bw.ns4? " layer - background - image " : " background - image " ; st+= " :url(' " +this.barbackgroundimg+ " '); " }

if(!bw.ns6) str+='#div'+this.name+'Bar{'+st+'}\n'; else this.ns6styleb[this.ns6styleb.length]=st

if(this.barinheritborder&&!this.barbackgroundimg){str+='#div'+this.name+'Barb{z-index:85; position:absolute; background-color:'+this.barcolor+'; layer-background-color:'+this.barcolor+'}\n'}

}

if(bw.ns4) str+= " A.clNS4{text - decoration:none; padding: " +this.NS4padding+ " }\n " ; document.write(str+ " \n </ style > \n " )

}

/************

Refreshing page if it's resized

*************/

function cm_resized(){

page2=new makePageCoords(window,this.useframes);

if(page2.x2!=toppage.x2 || page2.y2!=toppage.y2){

if(!bw.ns4){

toppage=new makePageCoords(window,this.useframes); this.makeTop(1)

if(!this.useframes) page=toppage; this.isresized=1; eval(this.resizecode)

}else{this.win.location.reload(); location.reload()}

}if(!bw.ns4&&this.useframes){page=new makePageCoords(this.win,this.useframes)}

}

/************

Going to another page

*************/

function cm_go(name){

obj=this.m[name]; url=obj.lnk; target=obj.target; fc=obj.mclick

if(url){

if(this.useframes&&!coolFrameError) loc=this.win.location.href; else loc=location.href

if(fc) eval(fc); url=this.checkFolder(loc.toString(),url); this.isover=0;

this.hideSubs(1,0,1); this.isclicked=0; this.aobj[0]=-1

if(String(target)== " undefined " || target== "" || target==0 || target== " _self " ){

this.win.location.href=url

}else if(target== " _blank " ) window.open(url)

else if(target== " _top " || target== " window " ) top.location.href=url

else if(top[target]) top[target].location.href=url

else{fr=findFrame(target); if(fr) fr.location.href=url}

}else if(fc) eval(fc)

}

/************

Getting folders - THANKS TO DCAGE FOR THIS FIX

*************/

function cm_checkFolder(tmp,url){

if(url.indexOf( " mailto: " )>-1 || url.indexOf( " / " )==0 || url.indexOf( " http: // ")==0) return url

else if ( this .useframes && bw.ie || bw.ns6) return url

var addr = ''; var lvl = ''; var off_cnt = 0 ; var cnt = 0 ;

if (tmp.indexOf('file:') >- 1 || tmp.charAt( 1 ) == ':') addr = this .offlineUrl;

else if (tmp.indexOf('http:') >- 1 ) addr = this .onlineUrl;

for ( var i = 0 ;i < addr.length;i ++ ){ if (addr.charAt(i) == '\ / ') off_cnt += 1 }

for ( var i = 0 ;i < tmp.length;i ++ ){ if (tmp.charAt(i) == '\ / '){ cnt += 1 ; if (cnt > off_cnt) lvl += '.. / '; }}

return lvl + url

}

/* ***********

Checkloaded for the frames version

************ */

function cm_checkLoaded(ev,ns){

coolFName = eval(coolFName)

var ok = 0

if (document.layers){

if (ns){coolFName.refresh(); coolFName.nsload = 1 ; ok = 1 ; coolFrameError = 0

} else if (ev.target.name == coolFName.frame &&! coolFName.nsload){coolFName.refresh(); ok = 1 ; coolFrameError = 0 ; routeEvent(ev)}

} else if (bw.ie){

if (coolFName.win.document.readyState == " complete " ){

coolFName.win.document.body.insertAdjacentHTML( " beforeEnd " ,coolFName.frstr)

coolFName.win.document.body.onunload = cm_unloaded; coolFName.refresh(); ok = 1 ; coolFrameError = 0

} else setTimeout( " cm_checkLoaded() " , 200 )

} else if (bw.ns6){

if (coolFName.win.document){

if (coolFName.win.document.body){coolFName.win.addEventListener( " unload " , cm_unloaded, true ); coolFName.refresh(); ok = 1 ; coolFrameError = 0 }

else setTimeout( " cm_checkLoaded() " , 200 )

} else setTimeout( " cm_checkLoaded() " , 200 )

}

function cm_unloaded(ev){coolFName = eval(coolFName); if ( ! coolFName) return ; if (document.layers && ev.target.name != coolFName.frame) return ; else coolFName.nsload = 0 ; coolFName.loaded = 0 ; if ( ! document.layers) setTimeout( " cm_checkLoaded() " , 200 )}

/* ***********

Make menu object

************ */

var coolFName = "" ; var onload; var coolFMouseup = "" ;

function makeCoolMenu(name){

coolFName = name; this .name = name; this .lastScrolled = 0 ;

this .win = window; toppage = new makePageCoords(window,parent.frames.length);

this .aobj = new Array(); this .m = new Array(); this .l = new Array()

this .level = new Array(); this .resized = cm_resized;

this .makeMenu = cm_makeMenu; this .showSubs = cm_showSubs; this .makeTop = cm_makeTop;

this .getCoords = cm_getCoords; this .checkPage = cm_checkPage;

this .mmout = cm_mout; this .mover = cm_mover; this .checkp = cm_checkp;

this .hideSubs = cm_hideSubs; this .construct = cm_construct;

this .makeStyle = cm_makeStyle; this .refresh = cm_refresh;

this .go = cm_go; this .frstr = "" ; this .mobj = new Array()

this .totwidth = 0 ; this .totheight = 0 ; this .maxwidth = 0 ; this .maxheight = 0

this .tim = 10 ; this .loaded = 0 ; this .isover = false ; this .checkFrame = cm_checkFrame;

this .checkFolder = cm_checkFolder; this .hcode = "" ; this .oNS = new Array(); this .oNS2 = new Array()

bw.filter = (bw.ie6 || bw.ver.indexOf( " MSIE 5.5 " ) >- 1 ) && ! bw.mac

}

/* ***********

Find frame

************ */

function findFrame(frameName){

obj = top; var frameObj = 0 ;

for (i = 0 ;i < obj.frames.length;i ++ ){

if (obj.frames[i].name == frameName){frameObj = obj.frames[i]; break ;}; ln = obj.frames[i].frames.length

for (j = 0 ;j < ln;j ++ ){

if (obj.frames[i].frames[j].name == frameName){frameObj = obj.frames[i].frames[j]; break }; ln2 = obj.frames[i].frames[j].frames.length

for (a = 0 ;a < ln2;a ++ ){

if (obj.frames[i].frames[j].frames[a].name == frameName){frameObj = obj.frames[i].frames[j].frames[a]; break }

}

} return frameObj

}

/* ***********

Checking for frame

************ */

function cm_checkFrame(num){

var fr; if (num == 10 ){debug('Frame: ' + this .frame + ' doesn\'t exist - Value: ' + fr + " - Could not build menus. " ); return }

if ( ! top.frames[ this .frame]) fr = findFrame( this .frame); else fr = top.frames[ this .frame]

if ( ! fr){num ++ ; setTimeout( this .name + " .checkFrame( " + num + " ) " , 500 )

} else { this .win = fr

if (bw.ns4){

top.frames.captureEvents(Event.UNLOAD); top.frames.captureEvents(Event.LOAD); top.frames.onunload = cm_unloaded;

top.frames.onload = cm_checkLoaded; setTimeout( " cm_checkLoaded(0,1) " , 1000 )

} else if ((bw.ie || bw.ns6)) setTimeout( " cm_checkLoaded() " , 200 )

}

页面代码：（因为我只用到三层，所以也只定义了三层）

function lib_bwcheck(){

this .ver = navigator.appVersion; this .agent = navigator.userAgent

this .dom = document.getElementById ? 1 : 0

this .ie5 = ( this .ver.indexOf( " MSIE 5 " ) >- 1 && this .dom) ? 1 : 0 ;

this .ie6 = ( this .ver.indexOf( " MSIE 6 " ) >- 1 && this .dom) ? 1 : 0 ;

this .ie4 = (document.all && ! this .dom) ? 1 : 0 ;

this .ie = this .ie4 || this .ie5 || this .ie6

this .mac = this .agent.indexOf( " Mac " ) >- 1

this .opera5 = this .agent.indexOf( " Opera 5 " ) >- 1

this .ns6 = ( this .dom && parseInt( this .ver) >= 5 ) ? 1 : 0 ;

this .ns4 = (document.layers && ! this .dom) ? 1 : 0 ;

this .bw = ( this .ie6 || this .ie5 || this .ie4 || this .ns4 || this .ns6 || this .opera5 || this .dom)

return this

}

var bw = new lib_bwcheck()

var mDebugging = 2

oCMenu = new makeCoolMenu( " oCMenu " )

oCMenu.useframes = 0

oCMenu.frame = " frmMain "

oCMenu.useclick = 0

oCMenu.useNS4links = 1

oCMenu.NS4padding = 0

oCMenu.checkselect = 0

oCMenu.offlineUrl = " file:///C|/Inetpub/wwwroot/ "

oCMenu.onlineUrl = " http://www.dhtmlcentral.com/coolmenus/examples/withoutframes/ "

oCMenu.pagecheck = 1

oCMenu.checkscroll = 0

oCMenu.resizecheck = 1

oCMenu.wait = 500

oCMenu.usebar = 0

oCMenu.barcolor = " Navy "

oCMenu.barwidth = " 740 "

oCMenu.barheight = " menu "

oCMenu.barx = 0

oCMenu.bary = 0

oCMenu.barinheritborder = 0

oCMenu.rows = 1

oCMenu.fromleft = 40

oCMenu.fromtop = 120

oCMenu.pxbetween = 3

oCMenu.menuplacement = " left "

oCMenu.level[ 0 ] = new Array()

oCMenu.level[ 0 ].width = 120

oCMenu.level[ 0 ].height = 20

oCMenu.level[ 0 ].bgcoloroff = " #01A37A "

oCMenu.level[ 0 ].bgcoloron = " #D4302E "

oCMenu.level[ 0 ].textcolor = " White "

oCMenu.level[ 0 ].hovercolor = " White "

oCMenu.level[ 0 ].style = " padding:2px;text-align:center; font-family:tahoma,arial,helvetica; font-size:11px; font-weight:bold " // The style for all level[0] (top) items. - Value: "style_settings"

oCMenu.level[ 0 ].border = 0

oCMenu.level[ 0 ].bordercolor = " red "

oCMenu.level[ 0 ].offsetX = 0

oCMenu.level[ 0 ].offsetY =- 1

oCMenu.level[ 0 ].NS4font = " tahoma,arial,helvetica "

oCMenu.level[ 0 ].NS4fontSize = " 2 "

oCMenu.level[ 0 ].clip = 1

oCMenu.level[ 0 ].clippx = 15

oCMenu.level[ 0 ].cliptim = 50

oCMenu.level[ 0 ].filter = " progid:DXImageTransform.Microsoft.Fade(duration=0.5) "

oCMenu.level[ 0 ].align = " bottom "

oCMenu.level[ 1 ] = new Array()

oCMenu.level[ 1 ].width = oCMenu.level[ 0 ].width - 2

oCMenu.level[ 1 ].height = 22

oCMenu.level[ 1 ].style = " padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; "

oCMenu.level[ 1 ].align = " bottom "

oCMenu.level[ 1 ].offsetX =- (oCMenu.level[ 0 ].width - 2 ) / 2 + 20

oCMenu.level[ 1 ].offsetY = 0

oCMenu.level[ 1 ].border = 1

oCMenu.level[ 1 ].bordercolor = " #FFFFFF "

oCMenu.level[ 2 ] = new Array()

oCMenu.level[ 2 ].wi0099cc = 150

oCMenu.level[ 2 ].height = 20

oCMenu.level[ 2 ].bgcoloroff = " #01A37A "

oCMenu.level[ 2 ].bgcoloron = " #D4302E "

oCMenu.level[ 2 ].style = " padding:2px; font-family:tahoma,arial,helvetica; font-size:11px; "

oCMenu.level[ 2 ].align = " bottom "

oCMenu.level[ 2 ].offsetX = 0

oCMenu.level[ 2 ].offsetY = 0

oCMenu.level[ 2 ].border = 1

oCMenu.level[ 2 ].bordercolor = " #FFFFFF "

oCMenu.level[ 2 ].NS4font = " tahoma,arial,helvetica "

oCMenu.level[ 2 ].NS4fontSize = " 1 "

oCMenu.level[ 2 ].clip = 1

oCMenu.level[ 2 ].clippx = 20

oCMenu.level[ 2 ].cliptim = 50

<% Set RsFirst = Server.CreateObject( " Adodb.RecordSet " )

SqlFirst = " Select Id,classname,classcode,PageUrl,ShowOrder,MenuWidth From [class] where Len(classcode)=3 Order by ShowOrder Asc "

RsFirst.OPen SqlFirst,Conn, 1 , 3

If Not RsFirst.Eof THen

Do While Not RsFirst.EOf %>

oCMenu.makeMenu(' <%= RsFirst( " ShowOrder " ) %> ','',' < a href =<%= RsFirst( " PageUrl " ) %>><%= RsFirst( " ClassName " ) %></ a > ','', 740 , <%= RsFirst( " MenuWidth " ) %> )

<% Set RsPS = Server.CreateObject( " Adodb.RecordSet " )

SqlPS = " Select classname,classcode From [class] where Len(classcode)=6 and left(classcode,3)=' " & RsFirst( " ClassCode " ) & " ' "

RsPS.OPen SqlPS,Conn, 1 , 3

If Not RsPs.Eof THen

I = 0

Do While Not RsPs.Eof

If RsFirst( " ClassCode " ) = " 003 " or RsFirst( " ClassCode " ) = " 004 " then

oCMenu.makeMenu('sub <%= RsFirst( " ShowOrder " ) %><%= I %> ',' <%= RsFirst( " ShowOrder " ) %> ',' & nbsp; & nbsp; <%= RsPs( " ClassName " ) %> ','Products.asp ? Cd =<%= RsPs( " ClassCode " ) %> ', 0 , 150 )

<% Else %>

oCMenu.makeMenu('sub <%= RsFirst( " ShowOrder " ) %><%= I %> ',' <%= RsFirst( " ShowOrder " ) %> ',' & nbsp; & nbsp; <%= RsPs( " ClassName " ) %> ','Products.asp ? Cd =<%= RsPs( " ClassCode " ) %> ')

<% end If %>

// oCMenu.makeMenu('sub<%=RsFirst("ShowOrder")%><%=I%>','<%=RsFirst("ShowOrder")%>','  <%=RsPs("ClassName")%>','Products.asp?Cd=<%=RsPs("ClassCode")%>')

<% Set RsChild = Server.CreateObject( " Adodb.RecordSet " )

SqlChild = " Select classname,classcode From [class] where Len(classcode)=9 and left(classcode,6)=' " & RsPs( " ClassCode " ) & " ' "

RsChild.OPen SqlChild,Conn, 1 , 3

If Not RsChild.Eof THen

J = 0

Do While Not RsChild.Eof

If RsFirst( " ClassCode " ) = " 003 " then

oCMenu.makeMenu('sub <%= RsFirst( " ShowOrder " ) %><%= I %><%= J %> ','sub <%= RsFirst( " ShowOrder " ) %><%= I %> ',' & nbsp; & nbsp; <%= RsChild( " ClassName " ) %> ','Products.asp ? Cd =<%= RsChild( " ClassCode " ) %> ', 0 , 180 )

<% Else %>