Een makkelijk menu dat niet veel ruimte nodig heeft en waar je toch veel links in kwijt kunt !

[uitklapper 0] -Sublink 1 -Sublink 2 -Sublink 3 -Sublink 4 [uitklapper 1] -Sublink 1 -Sublink 2 [uitklapper 2] -Sublink 1 -Sublink 2 -Sublink 3 [uitklapper 3] -Sublink 1 -Sublink 2 [uitklapper 4] -Sublink 1 -Sublink 2 -Sublink 3 -Sublink 4 -Sublink 5 [uitklapper 5] -Sublink 1

Kopieer onderstaande code en plaats hem tussen de head tags van je pagina  <script language="JavaScript"> // Om de positie te veranderen vanaf de top en vanaf links kun je kijken in divCont (hierboven in de stylesheet) // hij staat nu 0 pixels van links en 0 pixels vanf de top. // Verander de tekst kleuren en maten in de A.clMain en A.clSubb in de stylesheet. // Verander dit hieronder naar "true" als je wilt dat alle subs blijven staan als je een ander aanklikt. var stayFolded=false var n = (document.layers) ? 1:0; var ie = (document.all) ? 1:0; var browser=((n || ie) && parseInt(navigator.appVersion)>=4) function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document'); this.height=n?this.ref.height:eval(obj+'.offsetHeight') this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop; this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt return this } function b_showIt(){this.css.visibility="visible"} function b_hideIt(){this.css.visibility="hidden"} function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;} function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y} // vanaf hier niets veranderen function init(){ oTop=new Array() oTop[0]=new makeMenu('divTop1','divCont') oTop[1]=new makeMenu('divTop2','divCont') oTop[2]=new makeMenu('divTop3','divCont') oTop[3]=new makeMenu('divTop4','divCont') oTop[4]=new makeMenu('divTop5','divCont') oTop[5]=new makeMenu('divTop6','divCont') oSub=new Array() oSub[0]=new makeMenu('divSub1','divCont.document.divTop1') oSub[1]=new makeMenu('divSub2','divCont.document.divTop2') oSub[2]=new makeMenu('divSub3','divCont.document.divTop3') oSub[3]=new makeMenu('divSub4','divCont.document.divTop4') oSub[4]=new makeMenu('divSub5','divCont.document.divTop5') oSub[5]=new makeMenu('divSub6','divCont.document.divTop6') for(i=0;i<oSub.length;i++){ oSub[i].hideIt() } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } // Vanaf hier niets veranderen. function menu(num){ if(browser){ if(!stayFolded){ for(i=0;i<oSub.length;i++){ if(i!=num) oSub[i].hideIt() } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } oSub[num].vis()?oSub[num].showIt():oSub[num].hideIt() for(i=1;i<oTop.length;i++){ if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height) else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } } //Laat het menu laden, if it's a 4.x+ browser. if(browser) onload=init; </script> </p> </td> </tr> </table> </td> </table> <!-- test --> </table> </body> </html>