javascript多级下拉菜单插件

javascript多级下拉菜单插件

分享2个不同的下拉菜单效果:顶部菜单栏示例和侧面下拉菜单演示。只要按照ddsidemenubar教程定义好结构即可。

淘建站为您提供更多_导航菜单_下拉导航_无限_菜单,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 244 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

多级菜单结构图

<ul id="ddsubmenu1" class="ddsubmenustyle">
    <li><a href="http://www.sucaiq.com/">Item 1a</a></li>
    <li><a href="http://www.sucaiq.com/">Item 2a</a></li>
    <li>
        <a href="http://www.sucaiq.com/">Item Folder 3a</a>
        <ul>
            <li><a href="http://www.sucaiq.com/">Sub Item 3.1a</a></li>
            <li><a href="http://www.sucaiq.com/">Sub Item 3.2a</a></li>
            <li><a href="http://www.sucaiq.com/">Sub Item 3.3a</a></li>
            <li><a href="http://www.sucaiq.com/">Sub Item 3.4a</a></li>
        </ul>
    </li>
    <li><a href="http://www.sucaiq.com/">Item 4a</a></li>
    <li>
        <a href="http://www.sucaiq.com/">Item Folder 5a</a>
        <ul>
            <li><a href="http://www.sucaiq.com/">Sub Item 5.1a</a></li>
            <li>
                <a href="http://www.sucaiq.com/">Item Folder 5.2a</a>
                <ul>
                    <li><a href="http://www.sucaiq.com/">Sub Item 5.2.1a</a></li>
                    <li><a href="http://www.sucaiq.com/">Sub Item 5.2.2a</a></li>
                    <li><a href="http://www.sucaiq.com/">Sub Item 5.2.3a</a></li>
                    <li><a href="http://www.sucaiq.com/">Sub Item 5.2.4a</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="http://www.sucaiq.com/">Item 6a</a></li>
</ul>

引入并调用无限菜单插件ddlevelsmenu.js

<script type="text/javascript" src="js/ddlevelsmenu.js"></script>
//顶部菜单栏示例
ddlevelsmenu.setup("ddtopmenubar", "topbar")
//侧面菜单栏示例
ddlevelsmenu.setup("ddsidemenubar", "sidebar")

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/794.html
javascript多级下拉菜单插件 希望对你有帮助,感谢您的支持!
  • Jquery瀑布流图片无限展示源码免费下载

    Jquery瀑布流图片无限展示源码免费下载

  • jquery网页响应式瀑布流布局_自适应全屏瀑布流页面无限加载图...

    jquery网页响应式瀑布流布局_自适应全屏瀑布流页面无限加载图...

  • Js实现表格头部第一行下拉固定

    Js实现表格头部第一行下拉固定

  • 兼容主流浏览器的jQuery多级手风琴菜单

    兼容主流浏览器的jQuery多级手风琴菜单

  • jQuery手机大众点评下拉菜单选择特效

    jQuery手机大众点评下拉菜单选择特效

  • 简单好看的菜单导航划过特效

    简单好看的菜单导航划过特效

  • 纯css3鼠标经过动画菜单效果

    纯css3鼠标经过动画菜单效果

  • jquery.superfish.js导航菜单插件制作无限极菜单

    jquery.superfish.js导航菜单插件制作无限极菜单

  • html5页面倾斜打开侧边菜单动画特效

    html5页面倾斜打开侧边菜单动画特效

  • Quicksand超漂亮的菜单排序效果

    Quicksand超漂亮的菜单排序效果

  • Drop-Down自定义下拉插件

    Drop-Down自定义下拉插件

  • angular自定义下拉列表以及tab切换的实现

    angular自定义下拉列表以及tab切换的实现

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2