JavaScript Tutorials

Hash Slider is a Simple and lightweight jquery plugin for content slider, only 2,2kb in size. This jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider.

Created based on Shark Typing Game by Popcapgame, now created with JQuery but in the simple way, not to complicated, just to show the idea how to create it.

In this simple tutorial you will learn how to move div in another div with jQuery. This trick is useful when you have limited access to html source or when you need a quick way to move an element in another element without changing the html.

In this tutorial, we are going to look at how to add and remove the dynamic input fields by using jQuery.

In this short tutorial, we are building a customizable and cross-browser alternative to JavaScript's confirm dialog using jQuery and some CSS3.

A horizontal menu with tooltip that slides accross the menu panel. It's a bit similar to lava lamp, but in this script, it displays the caption of the icon menu.

I will show you how to create a simple image slide show with a semi-transparent caption with jQuery. This example is suitable to display news headlines, or a image slide show in your website frontpage.

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.

In this tutorial, we are making a jQuery & CSS mosaic gallery, which will feature an interesting tile transition effect when moving from one slide to another.

In part 2 of this tutorial we will be implementing a Jquery slider into our LCD screen