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 |
Explain why there are two different version of jquery library? : jquery mobile
What are selectors in jquery? : jQuery Mobile
Explain "beforesend(xhr)" paremeter of jquery ajax method?
How to select all elements using jQuery?
How can you disable jquery animation?
How does jquery store data related to an element?
Difference between event.PreventDefault and event.stopPropagation?
Back onto jquery ui' can you see jquery ui making more of an impression in the future, lead by the current successes of jquery?
What is the starting point of code execution in jquery?
What is the difference between settimeout() and setinterval() methods?
How to use jquery?
How to validate email using jquery?