Collection of Great jQuery Animations and Effects
Collection of Great jQuery Animations
Here is a collection of great jQuery animations for your next project. These are great examples of some of the animations you can produce with jQuery. There are many more examples and will be adding to this list, however, these are the most popular animations currently being used. Did you ever wonder how they did the animations when browsing through different websites. Put some of these examples into use on your next project.
1. jQuery Common Accordion – Horizontal & Vertical
jQuery Accordion Features
• Works as vertical accordion and horizontal accordion.
• it can be auto slide.
• You can set a default panel.
• You can set your own mouse events.
• It can be nested.
• Its just 4kb without any compression.
• Its free!
2. Typography Animation using jQuery
Have u ever wanted to know how to animate text without using flash.
Well here it is, in this tutorial you will learn to how to apply jquery animate opacity and more. And at last you will fall in love with it.
3. How to Create Animated Photo Gallery using jQuery (Slider Kit)
This gallery have 4 different views (standard, with captions, vertical and minimalistic). Important notes – that it compatible with all browsers (this can work even in IE6) and have very light weight (packed version of library less 8kb). You can navigate through images using your mouse, mouse wheel, and even keyboard.
4. Animated Feeds Display with Jquery
5. Revealing Photo Slider
Learn to do some things that CSS can already do but that jQuery can do “sexier”.A thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo.
6. Using jQuery for Background Image Animations
7. Garage Door Style Menu
A garage door style menu is where an image (the “door”) slides up to reveal something behind it. We’ll do this in two ways, with CSS3, and with jQuery. Then we’ll combine them into a progressive enhancement way to handle it.
8. Scroll window smoothly in jQuery – Animated scroll
9.Dynamic Page / Replacing Content
I great tutorial to scroll up and down the same page. Great for long page with lots of content. I’ve also seen many portfolio site using this technique, keeping everything in one page.
10. Build An Incredible Login Form With jQuery
What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we’ll also animate it.