动态多层菜单

其实这个应该不算.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")%>','&nbsp;&nbsp;<%=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 %>
                        oCMenu.makeMenu('sub <%= RsFirst( " ShowOrder " ) %><%= I %><%= J %> ','sub <%= RsFirst( " ShowOrder " ) %><%= I %> ',' & nbsp; & nbsp; <%= RsChild( " ClassName " ) %> ','Products.asp ? Cd =<%= RsChild( " ClassCode " ) %> ')
                     <% end If %>
                 <% J = J + 1
                    RsChild.MoveNext
                    Loop
                End If
            I = I + 1
            RsPS.MoveNext
            Loop
        End If
    RsFirst.MoveNext
    Loop
    End If %>
    oCMenu.makeStyle(); oCMenu.construct()            
</ SCRIPT >
< SCRIPT >
function  changeFilter(filter){
     if ( ! bw.filter){ alert('This feature only works on Explorer5. 5   +  ');  return }
    el = oCMenu.l[ 1 ].oBorder
     if (el.evnt.filters[ 0 ]) el.evnt.filters[ 0 ].Stop();
    el.css.filter = filter
    
}
</ SCRIPT >

从asp代码中也可以看到我的数据库结构了，呵呵，我留在这里，为以后使用做准备，呵呵~~~`

转载于:https://www.cnblogs.com/yang_sy/archive/2005/08/05/208543.html