JavaScript Tutorials

In this article we are going to design a JavaScript Left to right text scroll at windows Status Bar. Now we define a function MsgFLY() and going to call it through Window object supports methods setTimeout() to call same function after every 1000 milliseconds. The Window object supports methods for setting timers that we might use to perform a variety of functions.

A countdown timer is a great way to let your visitors know when an important date is coming up (like when a new feature on your website will be added). In this tutorial we'll show you how to make a countdown timer to a specific date. Overall this script is very easy to implement and takes just 30 lines of code.

We are going to manipulate data which we get from Date object constructor. Using the date object and some of its methods, you can create your own JavaScript clock customized to our needs. First of all we define variable var currentDate=new Date() and create a date object. An advantage of using objects is that objects can hold multiple values, where variables can only keep one value at a time. And then using above method get the required parameter stored in variable.

Inspired on the Nike Better World website, this tutorial will show you how to make an awesome vertical parallax single page portfolio with jQuery and CSS

How to turn unordered lists into tree menus with the help of jQuery Treeview in the MODx CMS. Also shows how to toggle each tree's visibility on and off.

Slide In and Slide Out Navigation Menu is the most popular and dynamic way to create and display navigation menus many new and modern websites uses this kind of menus.In this tutorial we will create a Slide In and Slide Out Navigation Menu using jQuery and CSS.

Toggle expanded and hided on or off with a nice animation. This is different from an accordion since more than one item can be expanded at one time.

Learn how to create a multilevel dropdown menu with CSS and jQuery

Today I will be showing you How To Create A Drop Down Navigation Menu Using JQuery. In one of my previous tutorials, I showed How To Create Simple Horizontal Navigation Menu. We will be modifying it to contain a drop down menu. Creating drop down menu is as simple as just creating nested unordered lists. You will see how below, copy the codes below in a new file then save it as index.html.

Learn how to make animate sliding images using the background position. And Making an entire DIV clickable all using jQuery.