分别用两个函数实现的菜单

css+div做的菜单：一个主显示层，别的列表都隐藏着，用js函数设置列表的显示和隐藏。分别用到了两个函数，函数实现的效果是一样的，一个是参考的《css+Dhtml精髓》书上的事例，一个是找的函数。
大家帮我看看那个函数好用！还有大家还有别的更好的方法实现这个效果吗？谢谢！！





菜单




//判断浏览器
browser = navigator.appName;
browserNum = parseInt(navigator.appVersion);

if ((browser == "Netscape") && (browserNum < 5))
{
// Netscape 4.x
layerRef = "document.layers['";
endLayerRef = "']";
styleRef = "";
}
else if ((browser == "Netscape") && (browserNum >= 5))
{
// Netscape 6
layerRef = "document.getElementById('";
styleRef = ".style";
endLayerRef = "')";
}
else
{
// Internet Explorer
layerRef = "document.all['";
endLayerRef = "']";
styleRef = ".style";
}
//第一个函数
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'");
}

//第一个函数

//第二个函数
function MM_showHideLayers()
{
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i0&&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
花卉/花卉/花卉


汽车/汽车
水果2
花卉/花卉/花卉2
汽车/汽车2
水果3
花卉/花卉3
汽车/汽车/汽车3






苹果
香蕉
猕猴桃
火龙果
苹果2
香蕉2
猕猴桃2
火龙果2
猕猴桃3
火龙果3



菊花
玫瑰
牡丹
茉莉
君子兰
虞美人
喇叭花2
桂花2



大众
奥迪
宝马
奔驰
保时捷
福特
克莱斯勒
法拉利
克莱斯勒2
法拉利2





[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]