Answer Posted / chaitanya
The .animate() method allows us to create animation effects on any numeric CSS property. This method changes an element from one state to another with CSS styles. The CSS property value is changed gradually, to create an animated effect.
Syntax is:
Hide Copy Code
(selector).animate({styles},speed,easing,callback)
styles: Specifies one or more CSS properties/values to animate.
duration: Optional. Specifies the speed of the animation.
easing: Optional. Specifies the speed of the element in different points of the animation. Default value is "swing".
callback: Optional. A function to be executed after the animation completes.
Simple use of animate function is,
Hide Copy Code
$("btnClick").click(function(){
$("#dvBox").animate({height:"100px"});
});
| Is This Answer Correct ? | 0 Yes | 0 No |
Post New Answer View All Answers
How to always reference latest version of jquery?
Do you have plans for a new jquery plug-in or something else we should look out for? Where to from here for the imgpreview plugin?
How to validate email using jquery?
How do you install/use jquery in a project. What is the minimum setup needed to start using jquery.
What is the minimum setup needed to start using jquery.
How can jquery library be added to pages?
