Skip to content

Latest commit

 

History

History
28 lines (19 loc) · 1.65 KB

multinav.md

File metadata and controls

28 lines (19 loc) · 1.65 KB

多级导航使用说明

综述

因空间有限,根据实际宽度大小去改变Menu的交互形式;IE6不支持mediaquery及:after写法,所以仅有一个demo支持IE6(用JS控制)。

  • 多级导航1 一级菜单在小屏时,变为menu按钮,点击展开下级菜单,支持多级

  • 多级导航2 一级菜单在小屏时,变为menu按钮,点击展开下级菜单,支持多级,有箭头指示

  • 多级导航3 一级菜单在小屏时,变为menu按钮,在屏幕左侧,点击展开下级菜单,支持多级,menu按钮展开样式不同

  • 多级导航4 一级菜单在小屏时,变为menu按钮,在屏幕左侧,点击展开下级菜单,支持多级,menu按钮展开样式不同,第二级以上有下拉指示单箭头

  • 多级导航5 绚丽的多级菜单,小屏时会有按钮点击事件

  • 多级导航6 一级菜单在小屏时,变为menu按钮,点击展开下级菜单,仅显示第一级

  • 多级导航 支持IE6 支持IE6 JS控制行为