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 Use Ajax In Jquery?
What is the slowest selector in jQuery?
Explain the difference between .js and .min.js? : jquery mobile
Can there be more than one ready function in jquery?
Explain some benefits of jquery knockout?
How to get the server response from an ajax request using jquery?
With jquery which operating system is more compatible?
What is the use of serialize method in jQuery?
What is the use of jquery.data()?
Differentiate between jquery.size and jquery.length? : jQuery Mobile
Explain cdn in jquery?
What are some of the ways to provide effects? : jQuery Mobile