这次给大家带来js二级菜单点击后显示其中内容功能，js二级菜单点击后显示其中内容的注意事项有哪些，下面就是实战案例，一起来看一下。
最近做了一个二级菜单点击事件的效果，一级菜单有3个，二级菜单是固定的，而且html布局并不是父子级关系，具体请看效果图如下
html结构入下
- 您好！日期
- 滚球
- 今日赛事
- 早盘
- @@##@@
- 更改密码
- 密码恢复
- 账户历史
- |
- 交易状况
- 足球
- |
- 篮球/美式足球
- |
- 网球
- |
- 排球
- |
- 羽毛球
- |
- 乒乓球
- |
- 棒球
- |
- 斯诺克/台球
- |
- 其他
天缘企业网站系统NET版1.0
下载
天缘企业网站系统NET版主要功能： 基本设置：站点常规属性设置。 导航管理：添加/删除导航菜单，隐藏与显示。 单页管理：增加修改单页，通过强大的编辑器可插入动画图片视频等内容。 新闻管理：新闻分类管理，增加/删除/修改新闻。 产品管理：产品二级分类,产品略缩图，产品推荐，增/删/改产品。 下载管理：下载分类管理，可做软件下载，文件下载等功能。 幻灯管理：幻灯添加、幻灯修改等。 招聘管理：在线发布招
css样式我这里就不一一罗列了，根据你自己页面需求自己设计
下面是重要内容js
function allGame() {
var lis = document.querySelectorAll('.li_list'); //获取三大玩法按钮
var A_list = document.getElementsByClassName('A_list');//获取三大赛事
var ball = document.getElementsByClassName("ball"); //获取球类赛事
for(var i=0;i相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
![js二级菜单点击后显示其中内容功能]()
