How do you implement animation functionality?
Answer / 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 |
How to debug jquery code/ debug jquery?
What is jQuery.noConflict?
Differentiate among .empty() vs .remove() vs .detach() in jquery.
How can we apply css in div using jquery?
What is jquery.holdready() function?
What is the goal of cdn and what are the advantages of using cdn?
What does dollar sign mean in jquery? : jQuery Mobile
What are the methods used to provide effects?
In jquery, what is the meaning of toggle?
Why jQuery is better than JavaScript?
What are the paremeter of jquery ajax method?
Tell me an example usage of jquery mobile? : jquery mobile