82 jQuery Menus
Dependencies: -
About a code Pasta Menu (GSAP Animation)Pasta shapes really serve well as menu icons.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: simple-line-icons.css, gsap.js, splitting.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: anime.js
AuthorjQuery full page navigation.
Compatible browsers: Chrome, Edge, Opera, Safari
Responsive: yes
Dependencies: splitting.js, gsap.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
About a code Uber-like NavigationCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, tweenmax.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, jquery.js
About a code Droplet Menu AnimationDroplet scroll animation for the hamburger menu in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
AuthorjQuery menu with morphing shapes.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js, tweenmax.js, morphsvgplugin.js
About a code MenuHorizontal jQuery menu.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
About a code Expanding and Collapsing Hamburger MenuExperimenting with making the menu items themselves collapse into the bars of the hamburger menu.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
About a code Hamburger MenuCSS and jQuery hamburger menu.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
AuthorMobile navigation animation using GSAP.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, tweenmax.js, morphsvgplugin.js
AuthorRadial menu - creator visons.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: bootstrap.css, jquery.js, font-awesome.js
About a code Side Menu AnimationSide menu animation in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
AuthorThis is a multi-level side navigation pattern with hover and push. Hovering over the menu will reveal its lables and clicking the hamburger icon pins the menu open.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css, jquery.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, feather.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
AuthorMobile dropdown menu example with keyframe animations and transitions.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
AuthorA fancy toggle menu to edit quickly posts on websites.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
AuthorExpandble/collapsable navigational menu with jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css
About a code Fullscreen Menu with Flexbox & jQueryCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css
About a code Dropdown Menu jQueryCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
AuthorOff canvas jQuery angled menu.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
AuthorA new navigation concept.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
About a code Apple Menu Search AnimationApple website menu search animation.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css, animate.css
AuthorA full viewport responsive navigation with jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
About a code jQuery Staggered Animation Dropdown MenuThis is a simple example of applying an animation delay to each child of a basic horizontal dropdown navigation menu. Rather than applying the delay in CSS/SASS files based on nth-child(), we inject the delay via jQuery on document ready. This pattern can be used in a render function for Meteor or within Angular/React. This could be done at mouseenter(), but there could be a JavaScript delay in relation to instant CSS hover. By having it in the page render, it ensures it up to date whenever the user hovers. The function simply counts the number of children in the dropdown menu and applies a delay based on it's index value within the loop. If you have dropdown headers, dividers or links, you'll need to update it to traverse the DOM. Easiest way is by console.log(index) within the each funciton to ensure it's counting the children properly.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
AuthorAnimated mobile navigation created in JavaScript using Greensock.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: tweenmax.js
About a code Floating Circular MenuCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css
AuthorAn experimentation that sets all submenus off screen so that they can be toggled in and out of view when their parent arrow elements are clicked.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
About a code Fixed Navigation SidebarCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: bootstrap.css, linearicons.js, bootstrap.js
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css, jquery.js, jquery-ui.js, tweenmax.js
About a code Multi-Device Scrolling MenuA simple responsive horizontal menu ready for any device. For the sample only the background colour will change between countries.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js, jquery-ui.js
AuthorVelocity.js fullscreen Flexbox overlay navigation.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: velocity.js, velocity.ui.js
AuthorThis is a very clean navigation with a cool slider in jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
AuthorCompatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: ionicons.css, animate.css
AuthorOriginal problem was having to create a mega dropdown that was responsive. The design required each column to have a border and have chunks of links inside of that. This is a mobile-first solution that gives you markup that makes sense for mobile/desktop using data attributes.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: ionicons.css, jquery.js, enquire.js
AuthorSidebar menu that pushes content aside in 3D space. Still prettifying things.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js
About a code Dota 2 Wheel ChatWith this module, you can create wheel menu, like such in Dota 2 game. Press left mouse button, to see it. Choose one of menu items, to say something to your teammates!
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, wheel-menu.js
AuthorCircular, vinyl-like menu with explanatory label that pop when icons are hovered.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css, jquery.js, tweenmax.js
About a code Lastik MenuSimple lava-lamp like horizontal menu, using jQuery and Tweenmax.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: jquery.js, tweenmax.js

Hiraku.js - jQuery offcanvas menu plugin.

Sidebar menu jQuery component base on AdminLTE.

A sliding swipe menu that works with touchSwipe library.

Flexible drawer menu using jQuery, iScroll and CSS.

A light-weight, responsive, mobile-like navigation menu plugin.

Tendina is a simple jQuery plugin that helps you build dynamic, interactive side-menus in seconds.

Bootstrap sub-menus.

StickyNavbar.js: fancy sticky navigation jQuery plugin with smart anchor links highlighting.

This jQuery plugin creates the box lid effect for navigation menus.

StickUp a jQuery Plugin for sticky navigation menus.
Features
A jQuery plugin for building a scrolling navigation menu.

bigSlide is a teeny tiny (~1kb compressed) jQuery plugin for creating off-screen slide panel navigation.

offCanvasMenu is a jQuery/Zepto plugin that provides an easy way to implement an off-canvas toggling menu, a navigation metaphor made popular by mobile applications.

A jQuery menu plugin.

Superfish is a jQuery plugin that adds usability enhancements to existing multi-level drop-down menus.

Responsive mobile menu jQuery plugin.

Advanced jQuery website menu plugin. Mobile first, responsive and accessible list-based website menus that work on all devices.

SlimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

jquery.dropotron: multilevel dropdown menus for jQuery.

Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive. It uses CSS3 transitions in modern browsers and fallbacks into jQuery.animate when they are not supported.

A fixed table of contents drop-down menu jQuery plugin. Just change the markup to add more depth to the menus. The script should automatically recognize deeper menus, as long as you have the corresponding sections in the content area.

A jQuery plugin that creates a paneled-style menu.

A jQuery plugin that modifies a navigation menu to highlight/change when the menu's target smooth scrolls into view.
Free Blogger templatest, Free Blogger templates Minimalist, Free blogger templates responsive, Layouts blogger, Simple free blog template, Blog template WordPress, Goyabi templates, Nawigacja na stronie, Free Blogger templates, Free Blogger templates Minimalist, Btemplates, Free blogger templates responsive, Simple free blog template, Blog template WordPress, Blogger template responsive free, Blogger templates,s Free Blogger templates Free Blogger templates Minimalist Layouts blogger Free blogger templates responsive Btemplates Blogger portfolio template Blog template WordPress Free themes blogspot Theme Blogger Premium Gratis Download Parhlo Premium/Magazine Blogger Template Google Infinite AMP Responsive Blogger Template | Blogspot Infinite AMP Sarkari Result WordPress Theme Free Download Amalia • v1.0 - Responsive •Blogger Template Amalie • Blogspot TemplateCodeify v1.0 - Personal Blogger Template new blogger templates, best blogger templatesLuvblog - Responsive HTML5 Blogger Template Twitter Bootstrap 3.0 100% Responsive DesignCream - Responsive News & Magazine Blogger Template Cream Magazine | ThemebeezSeo Mag - Responsive Blogger TemplateBest - SEO Friendly Blogger Templates • Top Best Free • New TemplatesWaverly - Personal Responsive Blogger Template250+ Best Free Responsive Blogger Templates PackNewsify v1.0 - News NEWSIFY BLOGGER THEME FEATURES Magazine Blogger Templateresponsive blogger templatesprofessional blogger templates freefree customizable blogger templatesfree blogger templates simple blogger templates freefree html blog templatesclean blogger templatespremium responsive blogger templates
Comments
Post a Comment