jQuery Effects
Tweet
The jQuery library provides several techniques for adding animation to a web page. 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.
-
.animate()
Custom Perform a custom animation of a set of CSS properties.
-
.clearQueue()
Custom, Data, Utilities Remove from the queue all items that have not yet been run.
-
.delay()
Custom Set a timer to delay execution of subsequent items in the queue.
-
.dequeue()
Custom, Data, Utilities Execute the next function on the queue for the matched elements.
-
.fadeIn()
Fading Display the matched elements by fading them to opaque.
-
.fadeOut()
Fading Hide the matched elements by fading them to transparent.
-
.fadeTo()
Fading Adjust the opacity of the matched elements.
-
jQuery.fx.off
Custom, Properties of the Global jQuery Object Globally disable all animations.
-
.hide()
Basics Hide the matched elements.
-
.queue()
Custom, Data, Utilities Show the queue of functions to be executed on the matched elements.
-
.show()
Basics Display the matched elements.
-
.slideDown()
Sliding Display the matched elements with a sliding motion.
-
.slideToggle()
Sliding Display or hide the matched elements with a sliding motion.
-
.slideUp()
Sliding Hide the matched elements with a sliding motion.
-
.stop()
Custom Stop the currently-running animation on the matched elements.
-
.toggle()
Basics, Mouse Events Bind two or more handlers to the matched elements, to be executed on alternate clicks.
No comments yet.