jQuery响应式手机图标导航菜单
图标样式的 jQuery 手机导航菜单,蛮适合做响应式项目的移动端导航。页面简洁,交互也比较顺滑,适配手机屏幕没什么压力。图标替代文字,空间更省,操作也直观,适合那种内容不多但入口要清晰的场景。
jQuery 在这里主要是做一些交互,比如点击图标展开菜单、点外部关闭菜单之类的。基本就靠.on()
绑定事件,配合.slideDown()
或.fadeIn()
这些动画效果,动效看着也比较顺眼,不卡。
布局上是响应式的,搭了媒体查询,手机、平板看起来都还不错。CSS 里会用到像display: flex
和position: absolute
这类布局方式。整体样式不复杂,想改风格也挺方便的。
源码文件是像texiao423_1560680927
这样的压缩包,里面估计就是index.html
、样式文件还有点 jQuery 逻辑。你可以直接改图标、颜色、动画,嵌到你自己项目里。
如果你项目是面向手机用户,尤其是那种功能简洁、页面体积敏感的,推荐你试试这个导航样式。省事又省空间。
下载地址
用户评论