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 |
What is a CDN?
Which program is useful for testing jQuery?
Explain cache paremeter of jquery ajax method?
What are the different type of selectors in jquery?
What is the use of serialize method in jQuery?
What are deferred and promise object in jQuery?
How to multiple AJAX requests be run simultaneously in jQuery?
Explain the difference between javascript and jquery? : jquery mobile
Explain .siblings() method in jquery?
What are the various ajax functions available in jquery ?
Can we call c# codebehind method using jquery?
Explain the difference between $(this) and 'this' in jquery?