HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 资源下载 开发工具 查看内容

Material Design风格下拉菜单jquery插件

2016-12-1 09:30| 发布者: html5cn| 查看: 524| 评论: 0

摘要: menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件,你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。

  使用方法

  在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。    

   HTML结构

  创建一个打开下拉菜单的超链接或按钮。

  more_vert

  使用一个无序列表作为下拉菜单的HTML结构。其中,data-menu-toggle指定的是打开下拉菜单的超链接的id。

  Duis aute irure dolor

  Lorem ipsum dolor sit amet

  Consectetur adipisicing elit

  Tempor incididunt ut

  Excepteur sint

  初始化创建

  在页面DOM元素加载完毕之后,通过menu()方法来初始化该下拉菜单插件:

  $('[data-menu]').menu();

  menu.js下拉菜单插件的github地址为:https://github.com/eumatheusgomes/menu

    ​    ​​原文链接:http://www.htmleaf.com/jQuery/Menu-Navigation/201611224211.html

  原作者:未知

  本站文章均由 HTML5中国 编辑从其他媒体精选HTML5相关文章转载,仅供网友学习和交流,如果我们的工作有侵犯到您的权益,请及时联系站长QQ:2601929995,我们会在第一时间进行处理!

  投稿: 2601929995@qq.com


鲜花

握手

雷人

路过

鸡蛋

最新评论

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-6-25 11:42

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部