jQuery Animation

This jQuery Animation category of this blog is a also supplementary to the jQuery tutorials in our website. Unlike other animation effects which require very complicated and expensive software, this is rather easy and simple to create interesting animation. With just a few lines of codes, very interesting and funny animation can easily be achieved. And no software is required. New tutorials will constantly add this jQuery blog. Please come back often.

  • jQuery Slide Down Menu to Display Content
    April 19, 2012

    Sometimes we don't want to many contents congest in a web page, or we don't want to force visitors to see some contents that may not interested to them. A good idea is to let visitors to choose whethe...

  • jQuery Fun with Animating Z-index of Div Layer
    April 17, 2012

    I discussed how to use jQuery to change the z-index of div layer in previous post. Actually we can do some interesting jQuery animation effect by changing the z-index of div layers. Here's the fina...

  • jQuery Animate Z-index of Div Layer
    April 17, 2012

    We sometimes need to change or animate the z-index of Div layer with jQuery. The main reason may be to move a Div layer behind other Div layer. Changing the z-index of a Div layer is rather simple. Th...

  • jQuery Stop Loop Animation Timer
    April 16, 2012

    The jQuery timer that used for loop animation in previous post will be executed infinitely. Sometimes we wish to stop the timer when some set criteria are met. I am still using the bouncing basketball...

  • jQuery Loop Animation with Timer Plugin
    April 16, 2012

    The jQuery setInterval() discussed before allows to call a function to execute in a set time delay in milli-seconds. In other words, the jQuery setInterval() function allows us to create loop animatio...

  • jQuery Animating Div Layer with Fading Effect
    April 16, 2012

    I already discussed animated the Div layer and faded effect using jQuery in previous posts. How about combine both fading effect with the animation effect? Let's try to see what the effects will be. ...

  • jQuery Page Contents Fade In Effect
    April 15, 2012

    The web page fade in effect with JavaScript is very popular many years ago. The fade in effect is even much easier to achieve with jQuery. The jQuery fadeIn() method will changes the opacity of select...

  • jQuery Load External Webpage into Div Layer
    April 15, 2012

    Some jQuery developers like to load external web pages into Div layers when visitors click on a link or button. The main advantage of loading external web pages may be that it can make the web page cl...

  • jQuery Animate Div Layer Right and Left
    April 15, 2012

    In previous jQuery animation post, the curtain picture Div layer moved to the right when visitor click on the button. However if the visitor click on the button again, nothing will happens. Most visit...

  • Button Click Animate Div Layer with jQuery
    April 15, 2012

    In previous jQuery animation post, the picture (curtain) Div layer will be animating to the right when the web page open. To-day, I am going to make the animation a bit different.  The picture Div lay...

  • Animate Div Layer with jQuery
    April 15, 2012

    Animation with jQuery is easy and fun. Unlike Flash animation or other similar programs, animating with jQuery is usually involves the HTML elements layout on the webpage. It may be animating a Div la...


Comments are closed.