css+div做的菜單：一個(gè)主顯示層，別的列表都隱藏著，用js函數(shù)設(shè)置列表的顯示和隱藏。分別用到了兩個(gè)函數(shù)，函數(shù)實(shí)現(xiàn)的效果是一樣的，一個(gè)是參考的《css+Dhtml精髓》書上的事例，一個(gè)是找的函數(shù)。
第一個(gè)函數(shù)
? ? ? ?? ? ? ?function showMenu(layerName)
? ? ? ?? ? ? ?{
? ? ? ?? ? ? ?? ? ? ?// show the layer the user wants to see
? ? ? ?? ? ? ?? ? ? ?eval(layerRef + layerName + endLayerRef + styleRef + ".visibility = 'visible'");
? ? ? ?? ? ? ?? ? ? ?}
? ? ? ?? ? ? ?function hiddenMenu(layerName)
? ? ? ?? ? ? ?{
? ? ? ?? ? ? ?? ? ? ?// hidden the layer??
? ? ? ?? ? ? ?? ? ? ?eval(layerRef + layerName + endLayerRef + styleRef + ".visibility = 'hidden'");
? ? ? ?? ? ? ?? ? ? ?}
? ? ? ?? ? ? ?? ? ? ?
? ? ? ?? ? ? ?? ? ? ?//第一個(gè)函數(shù)
? ? ? ?? ? ? ?? ? ? ?
第二個(gè)函數(shù)
function MM_showHideLayers()
? ? ? ?{
? ? ? ?? ? ? ?var i,p,v,obj,args=MM_showHideLayers.arguments;
? ? ? ?? ? ? ?for (i=0; i ? ? ? ?? ? ? ?? ? ? ?if ((obj=MM_findObj(args[i]))!=null)
? ? ? ?? ? ? ?? ? ? ?{
? ? ? ?? ? ? ?? ? ? ?? ? ? ?v=args[i+2];
? ? ? ?? ? ? ?? ? ? ?? ? ? ?if (obj.style)
? ? ? ?? ? ? ?? ? ? ?? ? ? ?{
? ? ? ?? ? ? ?? ? ? ?? ? ? ?? ? ? ?obj=obj.style;
? ? ? ?? ? ? ?? ? ? ?? ? ? ?? ? ? ?v=(v=='show')?'visible' v='hide')?'hidden':v;
? ? ? ?? ? ? ?? ? ? ?? ? ? ?}
? ? ? ?? ? ? ?? ? ? ?? ? ? ?obj.visibility=v;
? ? ? ?? ? ? ?? ? ? ?}
? ? ? ?}

? ? ? ???function MM_findObj(n, d)
? ? ? ?{
? ? ? ?? ? ? ?var p,i,x;
? ? ? ?? ? ? ?if(!d)
? ? ? ?? ? ? ?? ? ? ?d=document;
? ? ? ?? ? ? ?if((p=n.indexOf("?"))>0&&parent.frames.length)
? ? ? ?? ? ? ?{
? ? ? ?? ? ? ?? ? ? ?d=parent.frames[n.substring(p+1)].document;
? ? ? ?? ? ? ?? ? ? ?n=n.substring(0,p);
? ? ? ?? ? ? ?}
? ? ? ?? ? ? ?if(!(x=d[n])&&d.all)
? ? ? ?? ? ? ?? ? ? ?x=d.all[n];
? ? ? ?? ? ? ?for (i=0;!x&&i ? ? ? ?? ? ? ?? ? ? ?x=d.forms[i][n];
? ? ? ?? ? ? ?for(i=0;!x&&d.layers&&i ? ? ? ?? ? ? ?? ? ? ?x=MM_findObj(n,d.layers[i].document);
? ? ? ?? ? ? ?if(!x && document.getElementById)
? ? ? ?? ? ? ?? ? ? ?x=document.getElementById(n);
? ? ? ?? ? ? ?return x;
? ? ? ?}
? ? ? ?//第二個(gè)函數(shù)