JavaScript Tutorial

In this tutorial, we are going to learn how to create Flat Sliding Top Notification using jQuery. In this simple tutorial, we are going to use the overHang.js to complete this work. overHang.js is a small jQuery plugin that can help us to create a flat style.

If you are looking for Swipe Responsive Navigation Menu then you are at the right place. This is a mobile friendly swipe navigation menu in your page. We are going to use responsively jQuery navigation plugins which we will be going to collapse your navigation menu then the swipe function will run.

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

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.

Sticky Top Navigation Menu using jQuery Plugin

This is another tutorial for jQuery menu plugin that our navigation menu stick at the top of our page when the user scrolling down our created page. This plugin also provides other function that to know the user what they are currently viewing on the page corresponding to the stick navbar menu.

In this tutorial, we are going to create Slide Out Navigation Panel using jQuery. This is a jQuery menu plugin that creating off-screen side panel menu navigation that every time you click the trigger it will slide out from the left side of your simple page that you created and your body content will move to the right of your page.

When you are struggling to calculate your age by your date of birth, now here's a solution to your problem. In this tutorial, I will teach you how to Calculate Years Between Two Dates in jQuery. This is a simple yet powerful method of calculating date interval by years. Simply follow the step by step guide below.

Let's get started:

Step 1. Create a landing page and name it "index.php". Step 2.

This is simple script record which displays the date and time of your visitor's last visit. It will display when the user returns to your site. If it is your visitor's first visit to your site, a greeting message will be shown. You can customize the message to be displayed on your site. It will display the message, date and time of the user's last visit to the site.

In this article, we are going to create Digital Clock using jQuery. You can use this simple program to your thesis projects or any kind of systems that you've created. Kindly download the full source code below.

You will Learn:

• You can learn to construct simple markup using HTML.
• You can learn to create stylish Digital Clock.
• You can learn to build Digital Clock using jQuery.

Creating Markup

Creating simple HTML source code to display our Digital Clock.

This tutorial we will create a Responsive Form Validation that we will show you how to integrate client side responsove form validation using jQuery validation. The client side of responsive form validation is very useful for validating a form and it makes your web project more user friendly. You can found many ways to perform client side validation in HTML form, but jQuery validation is the easiest way to validate a form.