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

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

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-simple-hidden-show-menu-codes/

具体代码如下：

htmlscript函数show(c _ Str){ if(document。all(c _ Str)。风格。display==' none '){文档。all(c _ Str)。风格。display=' block} else { document。all(c _ Str)。风格。显示='无'；}}函数high(){ if(事件。srcelelement。类名=' k '){事件。srcelelement。风格。背景=' 336699 '事件。srcelelement。风格。color=' white ' } }函数low(){ if(事件。srcelelement。类名=' k '){事件。srcelelement。风格。背景=' 99CCFF '事件。srcelelement。风格。color=' }/scriptownerta http-equiv=' Content-Type ' Content=' text/html charset=GB 2312 ' title导航栏/title style TD {光标：手；font-family : Tahoma背景色： # 336699;color : # 99CCFFfont-size : 10pt } Li { color : # ff 0000；font-family : Tahoma背景色-: # 99CCFF；font-size: 9pt} .up {底色： # 3a 6ea 5；边框-左侧： 1实心# A6C1DF边框-右侧： 1实心# 002200;边框-top: 1实心# a6c1df border-底部： 1实心# 002200 }/style/head body topmargin=' 0 '左边距=' 5 ' div align=' left '表格边框=' 0 ' width=' 48 '单元格间距=' 0 ' tr tddiv class=up onclick=show(' A0 ')01-10/div on mouseover=high()on mouseout=low()id=A0 style=' display 3360 one ' Li class=k01/Lili class 31-40/div on mouseout=high() display : none ' Li class=k31/丽丽class=k32/丽丽class=k33/丽丽class=k34/丽丽class=k35/丽丽class=k36/丽丽class=k37/丽丽class=k38/丽丽class=k39/丽丽class=k40/Li/div/TD/tr tddiv class=up onclick=show(' a4 ')41-50/div on id=a7 style=' display : none ' Li class=k61/丽丽class=k62/class=k69/Lili class=k70/Li/div/TD/tr tddiv class=up onclick=show(' A8 ')71-80/div on mouse over=high()on mouse out希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。