测试题以及解答
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:HTML CSS JavaScript
作者:爱吃章鱼烧的ChrisTina贺
撰写时间:2021/08/28
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML:
- 侧边导航部分:
- 顶部导航:
- 主视图区域:
图片比较小请见谅,谢谢
jQuery:
- 获取左侧导航菜单点击选中事件,遍历所有菜单去除active类,判断是否存在active类,存在就先去除,当前触发事件的里添加上active:
- 设置右侧顶部的页面的导航条,清除现有的导航信息:
- 添加默认的系统及导航信息:
- 添加一级菜当导航信息:
- 添加二级菜单导航信息:
以下效果: