15个响应式设计的导航菜单jQuery插件

知更鸟 Web前端42.3K阅读模式

制作响应式设计的网站,自适应各种手机、平板、桌面平台的分辨率是必需的,否侧网站怎么算是Responsive Design呢?下面为大家整理的15个响应式设计的导航菜单jQuery插件,展示方式很多,大家可以根据自己的需求去选择使用。文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

Sidr

Sidr 是一个非常容易使用的响应式菜单jQuery插件,展示方式侧边,支持左右sidbar。文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

15个响应式设计的导航菜单jQuery插件文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

Sidr | GitHub文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

Navgoco

Navgoco是一个简约的手风琴菜单jQuery响应式插件,垂直方式展示,类似于垂直的Tab选项卡。
15个响应式设计的导航菜单jQuery插件
Navgoco | GitHub文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

FlexNav

FlexNav 这个自适应屏幕菜单插件支持多级,展示方式:垂直
15个响应式设计的导航菜单jQuery插件
FlexNav | GitHub文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

SmartMenus

SmartMenus 响应式菜单插件的展示方式支持水平、垂直两种。
15个响应式设计的导航菜单jQuery插件
SmartMenu | GitHub文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

jQuery Menu Aim

15个响应式设计的导航菜单jQuery插件文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

jQuery Menu Aim文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

Side Toggle Menu

Side 有点像sidr插件,也支持左右侧边栏菜单展示。
15个响应式设计的导航菜单jQuery插件
Side Toggle Menu文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

jQuery slimMenu

15个响应式设计的导航菜单jQuery插件文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

jQuery slimMenu | GitHub文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

jPanelMenu

jPanelMenu 响应式菜单jQuery插件以左侧边栏的方式展示。
15个响应式设计的导航菜单jQuery插件
jPanelMenu | GitHub文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

Flaunt.js

15个响应式设计的导航菜单jQuery插件文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

Flaunt.js文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

Naver

Naver 这个菜单插件比较简单,如果你的导航内容不多的话可以使用这个。
15个响应式设计的导航菜单jQuery插件
Naver | GitHub文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

TinyNav.js

TinyNav.js 响应式设计导航jQuery插件,展示方式:下拉选择框。
15个响应式设计的导航菜单jQuery插件
TinyNav.js | GitHub文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

HorizontalNav

水平的响应式导航插件,优点就是自适应水平居中,缺点就是,菜单太多在手机的分辨屏的展示不是很友好,各有所需,没有最好,只有最适合的。
15个响应式设计的导航菜单jQuery插件
HorizontalNav | GitHub文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

jQuery.mmenu

jQuery.mmenu 适用于手机网站建设的导航jQuery插件。
15个响应式设计的导航菜单jQuery插件
jQuery.mmenu文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

MeanMenu

MeanMenu 一个自适应屏幕宽度的响应式导航菜单,展示方式:垂直下拉菜单
15个响应式设计的导航菜单jQuery插件
MeanMenu | GitHub文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html

文章源自知更鸟-https://zmingcx.com/15-ge-xiang-ying-shi-she-ji-di-dao-hang-cai-dan-jquery-cha-jian.html
weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
评论  4  访客  4
    • 淡忘~浅思
      淡忘~浅思 3

      不错

      • 江都房地产家居网
        江都房地产家居网 1

        不错,找了半天菜单效果,终于找到理想的菜单效果了,多些楼主

        • 美Win网
          美Win网 4

          很经典的说!

          • 老司机
            老司机 0

            请问一下知更鸟主题移动端怎么实现折叠菜单?

          匿名

          发表评论

          匿名网友 填写信息

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

          确定