Category jQuery
The first step of this jQuery Lava Lamp Tutorial is to make a CSS Horizontal Navigation Menu. In this jQuery tutorial, we use DreamWeaver Webpage Editor to compose the Horizontal Menu. Actually any webpage editors or even a notepad can… Continue Reading →
jQuery can animate div layer easily thus allow create interesting web page effect. In this jQuery animate div layer tutorial series, we will animate the div layer in four direction, i.e. down, up, right and left direction. jQuery Animate Div… Continue Reading →
In previous jQuery sliding tutorials, we learned how to slide the div layer to create some interesting animation effects. Actually the margin of div layer can also be animated. jQuery Animate Top Margin of Div Layer In this jQuery tutorial,… Continue Reading →
This is rather easy to animate HTML Div layer with jQuery. The effects are very interesting. jQuery Slide Div Up and Dowm from Bottom Side jQuery Demo A demo of this jQuery tutorial is available. (Pop up window) jQuery Tutorial… Continue Reading →
When creating web pages effect with jQuery, we sometimes need to get the outer width dimension of selected element. This jQuery tutorial shows how to use the outerWidth() method to get the outer width dimension of selected element. jQuery Demo… Continue Reading →
This jQuery beginning tutorial shows how to declare variable. It also shows how to write simple jQuery codes to get the dimension of an image on a web page. Finally, this jQuery beginner tutorial shows how to hide elements on… Continue Reading →
This tutorial help newbies in getting started with jQuery. It shows how easy to use jQuery codes to select web page elements and work on them. In brief, the process of jQuery codes can be illustrated in the diagrams below…. Continue Reading →
Most animation on the Internet are made with Flash. However this is also very easy to do animation and effect with jQuery. With just a very simple line of code, interesting animation and effect can be achieved with jQuery. Watch… Continue Reading →
We already learned some basic knowledge of jQuery codes in previous tutorials. It is time to play something interesting with jQuery codes. In this tutorial, the image will be replaced or changed to another image when click on it. Watch… Continue Reading →
In previous jQuery tutorial, we show how to use the hover and mouseout event together. Actually the hover method can bind both mouseover event and mouseout event. This jQuery tutorial show how to do it. Watch jQuery hover Method video… Continue Reading →
This jQuery tutorial provide a brief introduction how to use hover and click method. The tutorial covers how to display message when hove over an element, get the width and ID of elements being hoved over. This tutorial finally shows… Continue Reading →
This jQuery tutorial shows how to use mouseover method and mouseout method. The mouseover() method simply triggers the mouseover event when the mouse pointer is over an element. While the mouseout() method triggers the mouseout event when the mouse pointer… Continue Reading →
What is jQuery? jQuery is a small JavaScript library that can create interesting web page effects with just a few lines of simple codes. The jQuery codes are very clean and simple. What jQuery can do? Most web designers mainly… Continue Reading →