导航栏+面包屑(js手动实现)

1,页面视图

一级菜单


image.png

一级菜单高亮


image.png

二级菜单


image.png

二级菜单下拉,父级高亮


image.png

二级菜单选项高亮


image.png

2,

以上视图就总结完了,清楚每种情况下的视图,并且分清楚不能混淆。
可连接菜单点击的交叉交互:只能当前点击的菜单高亮。
保存当前高亮的链接的所有数据:父链接的编号、当前子链接的编号、子链接的名字、子链接的路由、状态active

3,

根据上面的分析,整个菜单的一二级交互就完了,接下来通过代码分析写出来。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 翻译自“Collection View Programming Guide for iOS” 0 关于iOS集合视...
    lakerszhy阅读 4,082评论 1 22
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,681评论 1 32
  • ORA-00001: 违反唯一约束条件 (.) 错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常。 O...
    我想起个好名字阅读 6,017评论 0 9
  • 厨师长去掌勺 抒情诗人去流浪 烟火与天涯 你不知我 我不知你
    风未冷阅读 604评论 7 11
  • 鹿晗一则恋爱公布,微博的话题数量和阅读量高到令(新媒体)人……羡慕?8亿的阅读量,差不多能完成年份考核。毕竟作为一...
    是周日儿阅读 189评论 0 0

友情链接更多精彩内容