兼容移动手机的侧边栏多级导航菜单UI设计

当前位置:主页 > CSS3库 > UI界面设计 > 兼容移动手机的侧边栏多级导航菜单UI设计
兼容移动手机的侧边栏多级导航菜单UI设计
分享:

    插件介绍

    这是一款使用JavaScript和CSS3制作的兼容移动手机的侧边栏多级导航菜单UI设计效果。该多级菜单侧边栏布局的菜单列表切换时带有非常酷的动画延迟效果,并且在侧边栏顶部还带有面包屑导航。

    浏览器兼容性

    浏览器兼容性
    时间:2015-11-20
    阅读:
简要教程

这是一款使用JavaScript和CSS3制作的兼容移动手机的侧边栏多级导航菜单UI设计效果。该多级菜单侧边栏布局的菜单列表切换时带有非常酷的动画延迟效果,并且在侧边栏顶部还带有面包屑导航。

另外,该多级菜单侧边栏使用媒体查询在移动手机等小屏幕设备中,会将菜单隐藏,只显示一个汉堡包菜单按钮,点击汉堡包按钮时可以打开菜单。

该多级菜单侧边栏布局中使用了很多新的CSS3属性,IE需要IE10以上的版本才能正常运行,建议使用最新版本的现代浏览器来查看效果。

多级侧边栏导航菜单在手机中的显示效果

多级侧边栏导航菜单在桌面电脑中的显示效果