最近制作了二次菜单的点击活动的效果。 有三个初级菜单，次级菜单是固定的。 此外，html布局不是父子关系。 请具体看效果图
html结构向下
你好！ 日期滚动今天比赛早盘更改密码恢复账号历史|交易情况足球|篮球/美式足球|网球|排球|羽毛球|乒乓球|棒球|斯诺克/台球|其他根据您的页面需求自行设计
接下来是重要的内容js
功能全部game
var lis=document.queryselectorall (.Li _ list )； //取得三大播放按钮
vara _ list=document.getelementsbyclassname (a _ list )； //获得三大赛
var ball=document.getelementsbyclassname (' ball )； //获得球类比赛
for(varI=0； I
lis[i].index=i； //获得三大玩法的下标
lis[i].onclick=function () /第1级菜单上的单击事件
for(varI=0； I
lis[i].className=' '；
A_list[i].style.display='none '；
}
this.className='checked '；
a _ list [ this.index ].style.display=' block '； //for用排他思想显示当前点击的选项
var x=this.index； //点：在最初点击时获取的下标中保存1个变量x
vara _ list=document.getelementsbyclassname (a _ list ) [x]； //用下标获取A_list[x]
varaa _ list=a _ list.getelementsbytagname (' div )； //在前一步骤中获取相应子级的div
for(varj=0； Jj
ball[j].indexa=j；
ball[j].onclick=function () /同样遍历相同的排他思想
for(vara=0； a
aa_list[a].style.display='none '； //隐藏了所有div
}
a _ list [ this.indexa ].style.display=' block '； //当前显示
}
}
}
}
}
allGame (；
这是一个简单的情况，小学生刚入行不久，有什么不方便的地方欢迎您的指导。
希望以上是正文的全部内容，对大家的学习有帮助。 另外，我希望你支持很多编剧。