JavaScript Tutorials

Any great web 2.0 needs cool effects. In this tutorial you will learn how to create a reusable effects class that you can easily change yourself and use almost everywhere.

Have you ever seen sites that offer some kind of "color-switcher" within the header section? Want to know how easy it is to replicate? I'll show you in 200 seconds, using jQuery.

When working with jQuery UI tabs it is really easy to dynamically add tabs. You just use UI's "add" method as specified in the documentation: .tabs( 'add' , url , label , [index] ). But there is no method for dynamically adding a close button so the tabs can be removed. Here is a quick little script I wrote to do just that.

Today we will be creating a simple animation using jQuery append() and animate() methods. The append() method allows us to dynamically create new elements and put them as the first item inside of the container, while the animate() method allows us to perform animation of the CSS properties.

Simple javascript for div move horizontally, vertically and diagonally. And easy to attach callback function.

This tutorial will show how to create a jQuery dock that positioned at the top of your website, show and hide on mouse over event. By using easeOutBounce from jQuery Easing plugin, the transition effect has greatly enhanced and much more attractive.

This week we are using pure JavaScript and the jQuery framework, to make an animated sharing bar, which will enable your website visitors to share your posts on a number of social networks.

Learn how to create the well-known javascript accordion with the most minimal amount of html, css, javascript code and of course, with a beautiful interface as well.

Create simple flickr style tooltip menu

By pulling in feed from the Yahoo API with jQuery, you can style your website according to the Weather! Find out how by following this step by step guide. We’ll start by creating four backgrounds for sun, rain, snow and cloudy, then use a clever jQuery script to pull in the forecast. To finish things off, we’ll even create a cool manual override, allowing users to switch through the various themes themselves.