java展开式的菜单_js实现简单折叠、展开菜单的方法

本文实例讲述了js实现简单折叠、展开菜单的方法。分享给大家供大家参考。具体如下：

这里介绍的是意乱会折叠、展开的菜单导航栏，很老时候写的，CSS没有做美化，如果想用的朋友就自己美化吧。

运行效果截图如下：

在线演示地址如下：

具体代码如下：

function show(c_Str)

{if(document.all(c_Str).style.display=='none')

{document.all(c_Str).style.display='block';}

else{document.all(c_Str).style.display='none';}}

function high(){

if (event.srcElement.className=="k"){

event.srcElement.style.background="336699"

event.srcElement.style.color="white"

}

}

function low(){

if (event.srcElement.className=="k"){

event.srcElement.style.background="99CCFF"

event.srcElement.style.color=""

}

}

导航栏

td { cursor: hand; font-family: Tahoma; background-color: #336699; color: #99CCFF; font-size: 10pt }

li{ color: #FF0000; font-family: Tahoma; background-color: #99CCFF; font-size: 9pt}

.up{ background-color: #3A6EA5; border-left: 1 solid #A6C1DF;border-right: 1 solid #002200; border-top: 1 solid #A6C1DF; border-bottom: 1 solid #002200 }

+01-10 0102030404050607080910

+11-20 11121314151617181920

+21-30 21222324252627282930

+31-40 31323334353637383940

+41-50 41424344454647484950

+51-60 51525354555657585960

+61-70 61626364656667686970

+71-80 71727374757677787980

希望本文所述对大家的javascript程序设计有所帮助。