OkayNav:根据浏览器宽度自动隐藏多余菜单的响应式菜单

响应式无疑是现在主流的网页设计,倡萌在制作主题的过程中,对于横向菜单的响应式一直没有比较好的处理方式,毕竟我们无法知道用户的横向菜单会有多长,只能让菜单分行显示,其实最佳的效果应该是根据浏览器宽度自动隐藏多余的菜单。

倡萌今天推荐的 OkayNav 就是一个非常棒的项目,它是根据浏览器宽度自动隐藏多余菜单的响应式菜单,一起来看下演示效果:

okayNav

OkayNav 支持 IE9+、Firefox 和 Chrome 等主流浏览器。过渡效果支持 IE10+。截止本文发布(2016年5月9日),OkayNav 还不支持多级菜单,不过这个已经在开发者的开发计划中,如果哪位朋友测试支持了,希望回复告知下哦!

作者的开发计划:

  • 支持 AMD / CommonJS
  • 多级导航菜单
  • 添加选项设置​​某些导航项目优先
  • 添加选项设置隐藏或显示所有导航项目,而不是逐步隐藏

你也可以自己在线测试下:http://codepen.io/VPenkov/full/wMZBOg/

下载地址:https://github.com/VPenkov/okayNav

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

最后编辑于:2016/5/9作者: 胡倡萌

一个疯狂的 WordPress 爱好者,喜欢折腾 WordPress 主题,分享 WordPress 资源。如果你也喜欢 WordPress,欢迎和我一起交流!

3 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

  1. suppore说道:
    3#

    这个效果还是比较不错的,期待有更完善的版本出来

  2. 我爱动感单车网说道:
    2#

    :grin: 这个功能,我喜欢!

  3. boke112导航说道:
    1#

    这个效果还是比较不错的,期待有更完善的版本出来

扫一扫,用手机访问本站

扫一扫,用手机访问本站