15款帮助你实现响应式导航的 jQuery 插件
对于我们大多数人来说,建立一个负责任的布局中最困难的方面是规划和导航的实现。由于没有真正经得起考验的通用解决方案,您可以使用的菜单设计风格将取决于正在建设的网站类型。
无论你正在建设什么类型的网站,在这篇文章中我们将向推荐一批制作响应式导航的 jQuery 插件,为您提供方便快速的解决方案。
- Web 开发中很实用的10个效果【源码下载】
- 精心挑选的优秀jQuery Ajax分页插件和教程
- 12个让人惊叹的的创意的 404 错误页面设计
- 让网站动起来!12款优秀的 jQuery 动画插件
- 十分惊艳的8个 HTML5 & JavaScript 特效
Sidr
Sidr 是创建侧栏和响应式菜单的最佳 jQuery 插件,提供了多种菜单的显示方案。
Sidr →GitHub →
Navgoco
Navgoco 是一个简单的插件,可以把一个链接嵌套无序列表转换成一个美丽的立式多级滑动导航,通过使用 Cookie 以及可选担任手风琴菜单来保存会话之间扩展子菜单的能力。
Navgoco →GitHub →
FlexNav
FlexNav 是使用媒体查询和 jQuery 来实现健壮的下拉菜单。这是一个“设备无关的方法来实现复杂的网站导航,提供触摸和键盘可访问性支持”。
FlexNav →GitHub →
SmartMenus
SmartMenus是一个功能丰富的插件,用于创建水平或垂直响应的,基于列表的菜单。
SmartMenu →GitHub →
jQuery Menu Aim
Menu-Aim 可以通过一个下拉项悬停试图导航到一个子菜单的内容。这个问题是使用超时和延时通常解决。通过检测用户的鼠标移动的方向来解决这个问题。导航向上和向下的菜单时,这可以使更快的转换。
jQuery Menu Aim →
jPanelMenu
jPanelMenu 这个 jQuery 插件,创建一个动画镶板式菜单(像出现在Facebook和谷歌的移动版本的类型)。动画是通过CSS转换,如丝般柔滑。
jPanelMenu →GitHub →
Flaunt.js
Flaunt.js 这款插件允许你创建一个具有响应性,嵌套的导航,开箱即用。
Flaunt.js →
TinyNav.js
TinyNav.js 是一个轻量级的插件,用于转换<UL>和<OL>为下拉的菜单。。
TinyNav.js →GitHub →
HorizontalNav
HorizontalNav 插件将跨越一个横向导航,以适应全宽它的容器,并配备了一个选项,可以控制是否开启响应式支持。
HorizontalNav →GitHub →
jQuery.mmenu
jQuery.mmenu 是一个插件,用于创建光滑,为你的移动网站创建和应用程序极为相象的滑动菜单。
jQuery.mmenu →
- 太赞了!超炫的页面切换动画效果【附源码下载】
- 创意无限!一组网页边栏过渡动画【附源码下载】
- 好东西!动感的页面加载动画效果【附源码下载】
- 使用 CSS3 实现3D图片滑块效果【附源码下载】
- 时尚设计!三种奇特网格加载效果【附源码下载】
本文链接:15款帮助你实现响应式导航的 jQuery 插件
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
15款帮助你实现响应式导航的 jQuery 插件相关推荐
- 10款非常有效的帮助你设计超酷响应式布局的jQuery插件
日期:2012/02/24 来源:GBin1.com 如 果你关注最近几年的web设计,那么响应式布局(responsive layout)设计对于你来说肯定不是一个陌生的词汇. 相对于传统的页面设 ...
- 一款纯css3实现的响应式导航
之前为大家介绍了好几款响应式导航.今天再给大家带来一款纯css3实现的响应式导航.这款导航还有个响应式的搜索框.废话少说,直接上图: 在线预览 源码下载 实现的代码. html代码: <di ...
- html响应式导航栏制作,用Sass制作响应式导航栏(原创)
插件描述:用Sass制作响应式导航栏 更新时间:2017/12/29 下午8:33:04 更新说明:细节优化data-stop='true' : 在手机版上禁止跳转页面// 插入js代码 $(docu ...
- 【zblog模板】随然响应式导航网址目录主题
介绍: zblog模板随然响应式导航网址目录主题免费分享,某站卖149 主题特点: 自适应导航站,SEO各个页面全局.分类.标签.文章.页面可自由配置 文章编辑里配有填写站点的[图标+网址+主标题+副 ...
- 另外一款超棒的响应式布局jQuery插件 – Freetile.js
在线演示 我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 – Freetile.js,使用它同样可以生成超酷的动态布局效果.相信 ...
- Bootstrap 响应式导航条
响应式导航条能够根据浏览器窗口宽度,自动调整导航条的显示状态.一般会为响应式导航提供一个导航条和一个按钮. 当浏览器窗口足够宽时,正常显示导航条而不显示按钮.当浏览器窗口宽度缩小到一定程度时,自动隐藏 ...
- SpringBoot2.1.15(26) WebFlux快速上手——响应式Spring的道法术器
SpringBoot2.1.15(26) WebFlux快速上手--响应式Spring的道法术器 Spring WebFlux Spring WebFlux是随Spring 5推出的响应式Web框架. ...
- Java程序员的日常 —— 响应式导航Demo
这两天想要做响应式的页面,于是本着重复造轮子的想法,模仿Bootstrap官网,精简了一个响应式导航的Demo. 效果 代码 <!DOCTYPE html> <html> &l ...
- 21款免费的HTML5响应式模板(附下载
HTML5主题模板看起来总是那样专业和引人入胜,吸引了无数Web开发者的"芳心".响应式也是最近比较流行的一种技术,如果将两种技术结合起来,网站效果堪称完美.本文提供了21款免费的 ...
最新文章
- STM32 进阶教程 8 - 位带操作
- LeetCode练习及自己理解记录(1)
- Spring学习笔记之AOP配置篇(一) 注解配置
- hdu 3790 最短路径问题
- 禅道项目管理_推荐一个项目管理工具,落地基于Scrum的敏捷开发!
- hadoo分布式安装
- 职业生涯规划访谈记录关于计算机专业,计算机专业职业生涯规划书
- 个人号微信API接口
- 如何将Mac的磁盘空间从0G清理出100G?
- Smartbi的使用
- mariadb mysql.h_MariaDB(MySQL)的常用命令1 【检索数据】
- 《精通以太坊》预言机
- 【洛谷 1516】青蛙的约会
- 什么是云密码?密信云密码服务产品提供什么?
- B站《三体》动画正式开播 刘慈欣:宇宙很大,生活更大
- audio jack_Jack Rugile的最爱CodePen演示
- 广东中考数学能用计算机吗,今年中考数学允许带计算器
- python语法技巧
- react路由鉴权 / 路由守卫
- Java进击框架:Spring(一)
热门文章
- 16万辆汽车已经用上中国“车规AI第一芯”,量产还在加速
- 不用高温也能搓出一颗玻璃球?Science最新研究让低温注塑玻璃成为可能
- 我长了一条日本制的尾巴:智能配合身体运动,增强平衡感,把我变成“改造人”| SIGGRAPH...
- binder-JAVA层机制
- java8-06-自定义Collector-JoinCollector
- 云服务器 ECS快速入门:远程连接 ECS 实例
- 从零开始学OpenDaylight(碳版本)之三:Hello示例
- C#笔记 Public,Private,Protected,Internal,Protected internal
- ubuntu无限卡在logo界面
- (转)如何在一台电脑上开启多个tomcat 和配置让系统识别哪个具体的tomcat