Reputation: 3899

What are the Options for jQuery Animated Effects?

A lot of the jQuery (and jQuery UI) functionality allows for animations to occur when showing/hiding elements. One of the irksome things about their otherwise-thorough web site is their lack of definitions of the animation keywords you can use. I'm aware of slide, fadeIn, and fadeOut. I know I've used others in the past as well. Is there a definitive list of options somewhere?

Upvotes: 10

Answers (5)

Etdashou

Reputation: 5185

I really like this page: http://jqueryui.com/resources/demos/effect/easing.html

And as previously said, this is also useful: http://jqueryui.com/effect/

Upvotes: 2

hank

Reputation: 1

Found a good resource on this topic...

http://gsgd.co.uk/sandbox/jquery/easing/

This not only offers several easing options but also a test area where you can explore several options.

Upvotes: 0

David Hoerster

Reputation: 28701

There's also the jQuery UI effects in addition to the standard jQuery effects.

The only list I could find of them were on the demo page: http://jqueryui.com/docs/effect/

This includes stuff like slide, shake, puff, blind, etc...

This main landing page on the jQuery UI Effects page has links to demos of some of the jQuery animation effects (show, hide), but not all (like fade in/out) and also links to the jQuery UI effects.

But overall, I don't think there is a comprehensive jQuery / jQueryUI list.

Upvotes: 3