Advertise here

jQuery Plugins Tagged ‘menu tutorial’

Hamburger Menu by Using HTML, CSS & jQuery

August 30, 2016     1208     Menu
Hamburger Menu by Using HTML, CSS & jQuery

A tutorial about creating a simple hamburger menu example using HTML, CSS and jQuery.

Read More »

Multi-Level Menu

November 18, 2015     3097     Menu
Multi-Level Menu

A tutorial about creating a simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.

Read More »

Multilevel Toggle Responsive Navigation Menu with jQuery

January 27, 2015     13695     Menu Mobile Responsive
Multilevel Toggle Responsive Navigation Menu with jQuery

A tutorial about creating Multilevel Toggle (accordion) Responsive Navigation Menu using jQuery.

The multi-toggle responsive navigation on smaller screens is similar to nested accordions, the user touches primary level parent item to reveal list under it and when the screen is big enough vertical toggle menu changes to horizontal drop down navigation.

Read More »

Create Context Menu with jQuery and CSS

December 01, 2014     4223     Menu
Create Context Menu with jQuery and CSS

A tutorial about creating good-looking context menu by using jQuery and css.

Read More »

Menu Transition In Effects

June 10, 2014     10368     Menu Effects
Menu Transition In Effects

A tutorial about creating push in side menu. Here you ll see a simple effect of making the menu links stack upwards. The second effect is a Metro inspired menu that stacks upwards but uses random delays to make it look unique every time.

Read More »

Animated CSS3 Perspective Menu with jQuery

December 10, 2013     5787     CSS3 & CSS Menu
Animated CSS3 Perspective Menu with jQuery

A tutorial about Creating Animated CSS3 Perspective Menu with jQuery. It's sidebar menu that when clicked would shift the perspective of the current window and slant it in a way that revealed the menu options.

It can be used as horizontal or vertical.

Read More »

Create a Google Play Style Menu

December 08, 2013     4808     Menu
Create a Google Play Style Menu

A tutorial about creating a Google Play style menu. The menu is interesting in that when you select a category, the other categories disappear and the current bar will rise up and reveal a sub menu for that category.

Read More »

Slider Timeline Menu with CSS3 and jQuery

December 04, 2013     21339     CSS3 & CSS Menu
Slider Timeline Menu with CSS3 and jQuery

Learn to create a slider timeline menu with CSS3 animations and jQuery. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.

Read More »

Creating Jelly Navigation Menu for Touch Devices

August 23, 2013     4909     Menu Mobile
Creating Jelly Navigation Menu for Touch Devices

A tutorial about "Creating Jelly Navigation Menu for Touch Devices" by Smashing Magazine.

PaperJS used for the canvas graphics and TweenJS used for the animations.

Read More »

How to Create Accordion Menu with jQuery and CSS3

August 21, 2013     8340     CSS3 & CSS Menu
How to Create Accordion Menu with jQuery and CSS3

tutorial about creating an accordion menu by using jQuery and CSS3.

Read More »

Google Play's Multi-Level Navigation Menu

August 20, 2013     14551     Menu
Google Play's Multi-Level Navigation Menu

A tutorial about "Creating Google Play’s Multi-Level Navigation Menu".

This menu has smooth animation and let users peek at the root-level menu by simply hovering a back button. It's created with using HTML, CSS and jQuery.

Read More »

Multi-Level Push Menu

August 14, 2013     31853     CSS3 & CSS Menu
Multi-Level Push Menu

An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.

The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.

Read More »

Creating Horizontal Navigation Bar with jQuery Dropdown Menus

February 24, 2013     7883     Menu
Creating Horizontal Navigation Bar with jQuery Dropdown Menus

In this tutorial you are going to build a simple jQuery-powered dropdown menu. This can work well using the animate method for generating delayed effects. Along with the typical JS codes also some CSS3 transition effects into the stylesheet. Any webmaster who can edit these codes will surely find use in a pre-built customized navbar solution.

Read More »

AdvertisementAdvertise with us!
Angular, React and Javascript MV* Frameworks | MVish