Javascript tutorials, Free Javascript tutorials

This tutorial explains how to create a sliding navigation with jQuery and CSS where with mouse over event current label slides up and new one slides in.

Learn how to create a placeholder for your input tag with jQuery, which works with all major browsers. This tutorial is to provide 'placeholder' functionality for those browsers that do not support the new 'placeholder' attribute of the input tag introduced in HTML5.

I this tutorial we will learn how to create a slideshow with cross fade transition between the images when the Previous or Next button is clicked. To do this we will use jQuery and some CSS styling.

This series will explain how to create a star rating option for the list of items using CSS, jQuery, PHP and MySQL to store the votes in the database.

This plugin lets you show a different greeting message to your visitors depending on their referrer url. For example, when a Digg user clicks through from Digg, they will see a message reminding them to digg your post if they like it. Another example, when a visitor clicks through from google search they will see a message suggesting them to subscribe to your RSS feed. Having these targeted suggestions will help your blog increase exposure, loyal readership, and reader interaction so all together it should increase your page hits.

Today we will learn how to create an animated, horizontal bar chart using jQuery and CSS. For testing purposes we will also create options to update percentage manually and watch bars animate their length.

Ever wanted to create map for your website? These videos explain how to obtain latitude and longtitude from the Post Code or a full address and how to use them in order to generate the new google map and point the pin to the exact location. Map will be generated on demand - every time you submit new address, new map with the pin indicating the position will fade in. To create all this we will use the Google Maps API, some jQuery and PHP.

Today we are going to learn how to use jQuery's animate() method in order to create a sliding caption for the image, which will be triggered when the hover() event occurs.