jQuery无序列表的下拉菜单插件mnmenu

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

 44315  330  查看评论 (4)
分享到微信朋友圈
X
jQuery无序列表的下拉菜单插件mnmenu ie兼容7

Mmenu是一个jQuery插件来创建一个从无序列表的下拉菜单。

这是一个非常简单和直接的插件。它在项目有更多的功能来工作,所以检查更新,看看有什么新的在即将到来的版本。

该项目的目标是创建一个非常简单的样式下拉菜单。您可以在不到100行的CSS表中创建一个完全风格的菜单。

使用方法 

1,添加包括CSS和JQUERY

<!-- include CSS & JS files -->
<!-- CSS file -->
<link rel="stylesheet" type="text/css" href="mmenu.css" media="screen" />
<!-- jQuery files -->
<script type="text/javascript" src="jquery.js"></script>
<script src="jquery.mnmenu.js" type="text/javascript"></script>

2,添加你的HTML!

<ul>
    <li>First Level
        <ul>
            <li>Second Level</li>
            <li>...</li>
        </ul>
    </li>
    <li><a href="#">First level as link</a></li>
</ul>

3,js绑定mnmenu()

<script type="text/javascript">
$(document).ready(function(){
   $('#idmenu').mnmenu();
});
</script>

截图

title="untitled-2.jpg"/>

相关插件-水平导航

jQueryUI横向导航栏

基于jQueryUI的三级菜单导航栏,横向全屏,蓝色商务风格,简约大方。我们公司正在用这个插件。
  水平导航
 50940  419

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

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

jQuery漂亮的滑出菜单

jQuery漂亮的滑出菜单
  水平导航
 37348  359

超酷jq三级导航

超酷jq三级导航
  水平导航
 52287  376

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

    西瓜 3
    2015/9/12 0:09:48

    @gcltian 可以把每个导航的值包在一个

    <span class="memNav">1-2-1-1-2</span> 
    <span class="memNav">1-2-1-1-3</span>
    <span class="memNav">1-2-1-1-4</span>

    然后

    <script type="text/javascript">
    $(document).ready(function(){
      $(".memNav").click(function(){
         alert($(this).html());//就是你想要的值
      });
    });
    </script>


    回复
    gcltian 0
    2015/9/11 22:09:00

    如何获得选中的值呢 比如说,我选了1-2-1-1-2 如何获得这个值呢


    回复
    莺子 0
    2014/12/3 6:36:47
    下载的代码跟上面的说明为什么差那么多呢
        obsession0
        2019/3/28 10:33:16
        自己删减一下嘛。有些代码是Jq插件库上的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复