jQuery ReSmenu 菜单

所属分类:导航-水平导航

 35064  296  查看评论 (1)
分享到微信朋友圈
X
jQuery ReSmenu 菜单 ie兼容7

jQuery ReSmenu是一个非常简单的轻量 (~ 1 Kb) jQuery 插件折叠成 ul 菜单选择响应布局上。

使用步骤

若要使用它你只需要在你的头或页脚中包括 jQuery 和插件的副本:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery.resmenu.min.js"></script>

让我们说这是你的菜单:

<div class="menu_container">
    <ul class="toresponsive">
        <li><a href="/">Home</a></li>
        <li class="current-menu-item"><a href="test.htm">Link</a></li>
        <li><a href="test.htm">Link 2</a></li>
        <li><a href="test.htm">Link 3</a></li>
        <li><a href="test.htm">Link 4</a></li>
    </ul>
</div>

现在唯一要做是要触发的菜单:

$(window).ready(function () {
    $('.toresponsive').ReSmenu();
});

如果您需要更多的控制在这里是插件设置:

$('.toresponsive').ReSmenu({
    menuClass:    'responsive_menu',   //响应菜单类  
    selectId:     'resmenu',           //选择ID
    textBefore:   false,               //文字移动菜单前加
    selectOption: false,               / /首先选择选项
    activeClass:  'current-menu-item', //主菜单里的类
    maxWidth:     480                  //大小到菜单响应
});
相关插件-水平导航

jQuery自适应导航菜单

jQuery自适应黑色三级下拉导航菜单代码
  水平导航
 62472  450

jQuery宽屏下拉菜单导航 子菜单可自定义

jQuery宽屏下拉菜单导航 子菜单可自定义
  水平导航
 63215  839

仿今日头条APP顶部点击可居中导航

H5顶部导航条, 仿今日头条APP顶部点击可居中导航。该导航可手动左右滑动,点击选中后,选中项自动居中显示。
  水平导航
 27836  314

迷你登录注册

一款小型非常nice的登录注册页面
  水平导航
 39772  361

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    0
    2016/4/26 9:04:48
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复