阅读 133

cms菜单栏二级折叠与交互解决方案(js)(1)

cms菜单栏二级解决方案(js)


在做一个cms系统的界面时,设计师并未指定二级菜单的交互,于是我就任意发挥,做了一个我自认为符合常规逻辑的方案

如下图

  • 点击左上角收起按钮会收起 左侧菜单栏中间栏左侧菜单栏中已经打开的二级菜单;同时右侧主体栏会填充剩余位置;

效果如下

  • 点击中间栏中部的收起按钮,将会收起中间栏;同时使右侧主体栏填充剩余位置

效果如下

  • 在此状态下,点击中间的展开按钮,将会展开左侧菜单栏

中间栏;同时右侧主体会自动适应为合适大小,效果如图1

  • 在此状态下,点击左上角的展开按钮,将会展开左侧菜单栏;同时右侧主体会自动适应为合适大小,效果如上图
  • 左侧菜单栏折叠时,用户如需展开其子菜单折叠,那么左侧菜单栏也会随之展开;同时右侧主体也会自动适应大小

原文:https://www.cnblogs.com/Kay-Larry/p/14805493.html

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐