本文实例与大家分享并参考了JS实现二级菜单效果的具体代码，具体内容如下
点击js显示辅助菜单，点击辅助菜单的主菜单变更为辅助菜单
单击以显示辅助菜单
*{
margin :0 px自动；
padding:0px；
}
. yiji{
width:200px；
height:40px；
背景色： red；
color:#fff；
文本对齐3360中心；
line-height:40px； h
垂直对准：米；
border :1 px固态# fff；
}
. erji1{
width:200px；
height:40px；
背景色： # f63；
color:#fff；
文本对齐3360中心；
line-height:40px；
垂直对准：米；
border :1 px固态# fff；
}
#erji2{
显示：无；
}
#erji3{
显示：无；
}
#erji4{
显示：无；
}
首页11人才1111市场11功能show (a ) ) )。
{
vara=document.getelementbyid(a；
if(a.style.display=='block ' )
{
a.style.display='none '；
}
else
{
a.style.display='block '；
}
}
#caidan{
width:200px；
height:40px；
border :1 px固态# 999；
文本对齐3360中心；
line-height:40px；
垂直对准：米；
}
. list{
width:200px；
height:40px；
border :1 px固态# 999；
border-top-width:0px；
文本对齐3360中心；
line-height:40px；
垂直对准：米；
显示：无；
}
#caidan， list:hover{
cursor:pointer；
}
. list:hover{
背景色： # 63f；
}
山东济南济宁威海淄博函数show (
{
varlist=document.getelementsbyclassname (' list )；
//显示列表
for(varI=0； I
{
list[i].style.display='block '；
}
}
功能宣(a ) )。
{
varc=document.getelementbyid (caidan )；
c.innerHTML=a.innerHTML；
varlist=document.getelementsbyclassname (' list )；
//显示列表
for(varI=0； I
{
list[i].style.display='none '；
}
}
希望以上是正文的全部内容，对大家的学习有帮助。 另外，我希望你支持很多编剧。