okayNav响应式菜单插件
响应式设计的刚需里,导航菜单绝对排得上号。okayNav 的响应式菜单插件就挺适合用在移动优先的项目里。横向菜单满了?它会自动把多余的收进下拉里,页面干净又不怕内容溢出。
菜单收起展开的动画也蛮顺滑的,看着舒服,用着顺手,算是用户体验加分项。配置上手挺快,一两个参数搞定初始化,像maxWidth
、toggleSpeed
这种常见项都有。
插件的API
设计也比较简洁,比如你可以通过$('#nav').okayNav()
来快速初始化,不用写太多复杂逻辑,项目里想加个适配性强的导航也不费劲。
兼容性方面,它基本能跑在主流浏览器上,Chrome、Firefox、Safari这些常用的都没啥问题。如果你用的是比较新的HTML5/CSS3
栅格系统,整合起来顺。
要注意的是,CSS 样式建议自己稍微调整一下,默认的外观比较基础,配合你自己的主题色做点美化会更协调。另外插件动画那块,如果对性能比较敏感,最好测一测低端设备上的表现。
插件打包在texiao810_1560680928
这个压缩包里,里面有.js
、.css
文件,还有个demo.html
,直接打开看看效果也挺方便。如果你在做响应式网站,尤其菜单项比较多的那种,真挺值得试试。
如果你平时做后台、企业官网或者响应式主题项目,可以把okayNav
拉进你的工具箱,用起来还蛮省心的。
下载地址
用户评论