Navigation Menu

Creating a Fullscreen Overlay Menu Bar using HTML and CSS Tutorial

Submitted by oretnom23 on

In this tutorial, we will tackle about creating a simple Fullscreen Overlay Navigation Menu using only HTML and CSS. The tutorial's main purpose is to provide the students and beginners with a reference for understanding how to build a useful component of the website such as the Overlay Navigation Menu without using any Library or JS scripts. Here, I will be providing a simple web application's web page source code scripts to demonstrate the goal of this tutorial.

How to Create Dropdown Navigation with jQuery and CSS

Submitted by alpha_luna on
In this tutorial, we are going to learn how to create Dropdown Navigation with jQuery and CSS. This simple work can help you to build a beautiful yet powerful drop down navigation menu in your created page. This work built using nested HTML lists and a help of the jQuery’s plugin like slide down and slide up animations and using CSS.

Auto Hides Fixed Top Navigation Menu

Submitted by alpha_luna on

Auto Hides Fixed Top Navigation Menu

Today, we are going to create Auto Hides Fixed Top Navigation Menu with jQuery and CSS. We are going to use the basic jQuery plugins to do this kind of tutorials. Using it, we create fixed top navigation menu in the header of the page and it will autohide the menu when the user scrolls down the window but it will show it out again when it scrolling up the window again.