10 Awesome jQuery Moving Effects

By Sam Deering

Today’s plugin list covers jQuery moving effects that are made either for fun or to fancy the appearance of a website. What could be better than making things move with jQuery? This really is one of the best jQuery plugin/scripts lists yet. Be sure to check out #8. Enjoy!

Related Posts:

1. Animated Header Background

This tutorial will show you how to animate your header’s background image using jQuery to give your website that little extra something.

Animated Header Background

Source + Demo

2. jQuery DJ Hero

Recreating the DJ Hero functionality using jQuery and CSS3.

jQuery DJ Hero

Source + Demo

3. jQuery API

These include simple, standard animations that are frequently used, and the ability to craft sophisticated custom effects. In this chapter, we’ll closely examine each of the effect methods, revealing all of the mechanisms jQuery has for providing visual feedback to the user.

jQuery API

Source + Demo

4. Auto-Moving Parallax Background

If you check the demo you will see the background stars moving.

Auto-Moving Parallax Background


5. jAni

Is a simple plugin for jQuery which allows you animate background images. The plugin is basically an alternative to the animated GIF but with several benefits.



6. jQuery Animations: A 7-Step Program

Nice jQuery tips from the guys of NetTuts+, some elegant effects can be found in here.

jQuery Animations: A 7-Step Program


7. Easy Sequential Animations in jQuery

Useful jQuery tips for beginners to help them start making their own effects.

Easy Sequential Animations in jQuery


8. jQuery Faux 3D

By simply placing different boxes one in front of another, you can generate a fancy 3D animation with pure jQuery.

jQuery Faux 3D

Source + Demo

9. Text with Moving Backgrounds

Great fancy effect, a moving background masked with a text, really nice idea.

Text with Moving Backgrounds


10. jQuery Approach

Probably you can remember yourself doing this in Flash, see it working with pure jQuery is just great.

jQuery Approach

Source + Demo

  • mohanraaj

    really i have im searching for this effect “jQuery Animations: A 7-Step Program” thank you


    im searching jquery running text as like newsticker

  • raycik

    i cant run them which jquery or jquery UI did u use?



Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.