JavaScript & jQuery Tutorials

JQ Home Right Arrow Effects

Effects

Click a JavaScript jQuery 1.10 API Effects Method signature in the table below to see in-depth information on it.

AlphabeticallyDescription
Basicgo to top of page Top
The .hide() method has three signatures:
.hide()Hide the matched set.
.hide( duration [, callback] )Hide the matched set providing a duration and optionally a callback function.
.hide( [duration] [,easing] [,callback])Hide the matched set optionally providing a duration, and/or an easing and/or a callback function.
The .show() method has three signatures:
.show()Show the matched set.
.show( duration [, callback] )Show the matched set providing a duration and optionally a callback function.
.show( [duration] [,easing] [,callback])Show the matched set optionally providing a duration, and/or an easing and/or a callback function.
The .toggle() method has four signatures:
.toggle()Show or hide the matched set.
.toggle( showOrHide )Show or hide the the matched set depending upon the boolean value of the parameter.
.toggle( duration [, callback])Show or hide the matched set providing a duration and optionally a callback function.
.toggle( [duration] [,easing] [,callback])Show or hide the matched set optionally providing a duration, and/or an easing and/or a callback function.
Customgo to top of page Top
The .animate() method has two signatures:
.animate( properties [,duration]
                     [,easing] [,complete])
Perform a custom animation for a set of CSS properties optionally providing a duration, and/or an easing and/or a callback function.
.animate( properties, options )Perform a custom animation for a set of CSS properties optionally providing an object of additional options.
Fadinggo to top of page Top
The .fadeIn() method has one signature:
.fadeIn( [duration] [,easing] [,callback] )Fade in the matched set to opaque, optionally providing a duration and/or an easing and/or a callback function.
The .fadeOut() method has one signature:
.fadeOut( [duration] [,easing] [,callback])Hide the matched set by fading it to transparent, optionally providing a duration and/or an easing and/or a callback function.
The .fadeTo() method has one signature:
.fadeTo( duration, opacity
       [,easing] [,callback])
Adjust the opacity of the matched set, optionally providing an easing and/or a callback function.
The .fadeToggle() method has one signature:
.fadeToggle([duration] [,easing] [,callback])Animate the opacity of the matched set to hide or show it.
Slidinggo to top of page Top
The .slideDown() method has one signature:
.slideDown([duration] [,easing] [,callback])Use a sliding motion to show the matched set.
The .slideToggle() method has one signature:
.slideToggle([duration][,easing][,callback])Use a sliding motion to hide or show the matched set.
The .slideUp() method has one signature:
.slideUp([duration] [,easing] [,callback])Use a sliding motion to hide the matched set.
Controlling Effectsgo to top of page Top
The .clearQueue() method has one signature:
.clearQueue( [queueName] )Remove all items from the queue that haven't been run yet, optionally using a queue name to identify the queue.
The .delay() method has one signature:
.delay( duration [, queueName] )Delay execution of subsequent items in the queue using a duration timer, optionally using a queue name to identify the queue.
The .dequeue() method has one signature:
.dequeue( [queueName] )Execute the next queue function for the matched set, optionally using a queue name to identify the queue.
The .finish() method has one signature:
.finish( [queueName] )Stop execution of the currently running animation on the matched set, optionally using a queue name to identify the queue.
jQuery.fx.intervalThe animation firing rate in milliseconds.
jQuery.fx.offDisable all animations globally.
The .queue() method has three signatures:
.queue( [queueName] )Show the function queue, optionally using a queue name to identify the queue.
.queue( [queueName], newQueue )Manipulate the queue of functions to be executed on the matched elements, optionally using a queue name to identify the queue.
.queue( [queueName], callback( next ) )Use a callback to manipulate the queue of functions to be executed on the matched elements, optionally using a queue name to identify the queue.
The .stop() method has one signature:
.stop([queueName][,clearQueue][,jumpToEnd])Stop execution of the currently running animation on the matched set, optionally using a queue name to identify the queue and/or a boolean to indicate whether to remove queued animations and/or a boolean to indicate whether to complete the current animation immediately.


 

go to jQuery home page jQuery Home go to top of page Top