css+div_html/css_WEB-ITnoseで作ったメニュー

css+divで作成したメニュー：メイン表示レイヤー、その他のリストは非表示、js関数を使用してリストの表示・非表示を設定します。それぞれ2つの関数を使用していますが、関数実装の効果は同じです。1つは書籍「Css+Dhtml Essence」の例で、もう1つは私が見つけた関数です。
first function showmenu（layerref + layername + endlayerref + ".visibility = 'visible'"）; ))!=null)
.style)
v=(v=='表示')?'非表示':v;
}
(!d)
d=親。フレーム[n.substring（p+1）] .document; .getElementById)
                     x=document.getElementById(n);
x を返します。
}
//第二个関数

• onMouseOut="javascript:hiddenMenu('shui')" >水果/水果

 

• onmouseout="javascript:MM_showHideLayers('hua','','hide')">花卉/花卉/花卉

    
      

• onmouseout="javascript:MM_showHideLayers('che','','hide')">汽车/汽车


• onmouseout="javascript:MM_showHideLayers('shui','','hide')">水果2


• onmouseout="javascript:MM_showHideLayers('hua','','hide')" >花卉/花卉/花卉2


• onmouseout="javascript:MM_showHideLayers('che','','hide')">汽车/汽车2


• onmouseout="javascript:MM_showHideLayers('shui','','hide')">水果3


• onmouseout="javascript:MM_showHideLayers('hua','','hide')">花卉/花卉3


• onmouseout="javascript:MM_showHideLayers('che','','hide')">汽车/汽车/汽车3

 

onMouseOut="javascript:hiddenMenu('shui')" >

• 苹果


• 香蕉


• 猕猴桃


• 火龙果


• 苹果2


• 香蕉2


• 猕猴桃2


• 火龙果2


• 猕猴桃3


• 火龙果3

onmouseout="javascript:MM_showHideLayers('hua','','hide')">

• 菊花


• 玫瑰


• 牡丹


• 茉莉


• 君子兰


• 虞美人


• 喇叭花2


• 桂花2

onmouseout="javascript:MM_showHideLayers('che','','hide')">

• 大众


• 奥迪


• 宝马


• 奔驰


• 時間捷


• 福特


• 克莱斯勒


• 法拉利


• 克莱斯勒2


• 法拉利2