jQuery Menu

Recent Tutorial

jQuery Sliding Menu

September 26, 2016
Usually, menu bar occupies some spaces in a web page. By using sliding menu we can have more space to display the main content. In previous posts, we have seen about jQuery menu expand and collapse with the sliding effect. We call jQuery on the click event of the menu expand/collapse icon and controls the […]
This tutorial was added to jQuery.

Responsive Menu with jQuery and CSS

June 2, 2016
Responsive design for our web page is used to make the page to be flexible for various screen sizes. Previously, we have seen about how to create responsive web page using CSS media queries. In this example, we have a header menu component. We are going to make it responsive for two different screen sizes. […]
This tutorial was added to jQuery.

jQuery Menu Slider

August 25, 2015
This jQuery menu slider used to move menu links horizontally on hover. It shows a list of menu labels and highlights active menu with the screen shot. In a previous tutorial, we have seen about how to highlight an active menu item. In this slider example, we have used a jQuery UI sliding function to […]
This tutorial was added to jQuery.

jQuery Active Menu Highlight

June 21, 2015
There are various ways to highlight the active menu item. In this tutorial, we are using jQuery and CSS for adding menu highlighting style dynamically. In a previous tutorial, we have seen how to create scrolling menu using jQuery. In this example, we have added menu highlight effects on the click event of the menu […]
This tutorial was added to jQuery.

jQuery Scrolling Menu

June 11, 2015
Scrolling menu bar over the page scroll will increase menu usability. It helps a user to reach menu area easily. In a previous tutorial, we have seen about how to scroll a floating contact form. In this example, we are having a fixed positioned scrolling menu. While navigating through this menu we have added jQuery […]
This tutorial was added to jQuery.

jQuery Mega Menu

March 14, 2015
Mega menu is used to simplify user navigation by covering a┬ámaximum list of items in a menu dropdown. Using this we can avoid multiple levels of menu navigation. In the┬áprevious tutorial, we have seen multi-level menu using CSS and jQuery. In this tutorial, we are going to see how to show jQuery mega menu. View […]
This tutorial was added to jQuery.

jQuery Expand Collapse All

October 19, 2014
The expand collapse functions are used for expanding or collapsing menu structured or tree structured list of items. There are various plug-ins, UI effects in jQuery to provide expand collapse option. In this tutorial, we are using jQuery show and hide functions to expand/collapse list of menu items. View DemoDownload HTML Menu to be Expanded/Collapsed […]
This tutorial was added to jQuery.

jQuery Menu Dropdown

November 20, 2013
In this tutorial, we are going to show dropdown menu using jQuery and CSS. By adding the dropdown feature to the menu, we can make our menu area clean by controlling the display of main and submenu list. Initially, we are showing the list of main menu items to the browser. On the mouse over […]
This tutorial was added to jQuery.

↑ Back to Top