├── templates ├── md-blank.html ├── md-basic.html └── README.html ├── demo ├── css │ ├── menu-btn.png │ ├── styles.css │ ├── responsive-menu.min.css │ └── responsive-menu.css ├── images │ └── cloud.jpg ├── js │ └── responsive-menu.min.js └── lib │ ├── html5shiv │ └── html5shiv.js │ └── modernizr │ └── modernizr-custom.js ├── dist ├── css │ ├── menu-btn.png │ ├── styles.css │ ├── responsive-menu.min.css │ └── responsive-menu.css ├── js │ └── responsive-menu.min.js ├── demo.html ├── responsive-menu.html └── lib │ ├── html5shiv │ └── html5shiv.js │ └── modernizr │ └── modernizr-custom.js ├── src ├── css │ ├── menu-btn.png │ ├── styles.css │ └── responsive-menu.css ├── images │ └── cloud.jpg ├── demo.html └── lib │ └── html5shiv │ └── html5shiv.js ├── .gitignore ├── bower.json ├── package.json ├── README.md ├── README.html └── lib ├── html5shiv └── html5shiv.js └── modernizr └── modernizr-custom.js /templates/md-blank.html: -------------------------------------------------------------------------------- 1 | <%=content%> -------------------------------------------------------------------------------- /demo/css/menu-btn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jbowyers/responsive-menu/HEAD/demo/css/menu-btn.png -------------------------------------------------------------------------------- /demo/images/cloud.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jbowyers/responsive-menu/HEAD/demo/images/cloud.jpg -------------------------------------------------------------------------------- /dist/css/menu-btn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jbowyers/responsive-menu/HEAD/dist/css/menu-btn.png -------------------------------------------------------------------------------- /src/css/menu-btn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jbowyers/responsive-menu/HEAD/src/css/menu-btn.png -------------------------------------------------------------------------------- /src/images/cloud.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jbowyers/responsive-menu/HEAD/src/images/cloud.jpg -------------------------------------------------------------------------------- /templates/md-basic.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
jQuery Responsive Menu is a drop-down menu for responsive websites. It is a jQuery plugin that includes a 3 | JavaScript file and CSS file as well as sample HTML.
Visit http://responsive-menu.com to view a responsive demo
The Responsive Menu repo is registered as a bower package as jquery-responsive-menu.
31 | <div class="rm-container"> 32 | <a class="rm-toggle rm-button rm-nojs" href="#">Menu</a> 33 | <nav class="rm-nav rm-nojs rm-lighten"> 34 | <ul> ...
Options: rm-lighten, rm-darken.rm-lighten theme lightens menu item backgrounds and is best used if your design requires a dark menu background color. 37 | rm-darken theme darkens menu item backgrounds and is best used if your design required a light menu background color. 38 | You can set the menu background color to any color to work with the chosen theme.
41 | jQuery(function ($) { 42 | var menu = $('.rm-nav').rMenu({ 43 | 44 | // Optional Settings 45 | minWidth: '960px', 46 | 47 | }); 48 | });
Minimum width for expanded layout in pixels - StringShould match media query in css file. Must be in pixels and include px units if not using Modernizr.default: '769px'
The opening and closing speed of the menus in millisecondsdefault: 400
The jQuery easing function - used with jQuery transitionsdefault: 'swing'options: 'swing', 'linear'
The CSS3 transitions easing function - used with CSS3 transitionsdefault: 'ease'
Use button as Toggle Link - instead of textdefault: true
The Toggle Link selectordefault: '.rm-toggle'
The menu/sub-menu selectordefault: 'ul'
The menu items selectordefault: 'li'
Use CSS3 animation/transitionsdefault: trueDo not use animation/transitions: false
Force GPU Acceleration 70 | default: falseForce: true
Use development mode - outputs information to consoledefault: false
An optional menu-btn.png file is included. By default, the same image is included in the CSS as a data URI 75 | so the png file is not required unless you would prefer to use the png file instead of the data URI.
jQuery, Modernizr (optional)
No testing framework at this time
Gruntfile.js and package.json files are included if you want to manage tasks using Grunt.Note: The Grunt file uses configuration information contained in the package.json
The git repo is versioned and includes a Bower configuration file so the repo can be easily included in your project as a dependency.
Contributions are much appreciated and welcomed.
jbowyers
RM