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 |
Why is the block display style used for animations?
Explain .on()? : jquery mobile
Whether our own specific characters are used in place of $ in jQuery?
What is serialize() in jquery?
Define bind() and unbind elements in jQuery?
Change the url for a hyperlink using jquery?
How to add and remove css classes to an element using jquery?
What are the features of jquery used in web applications?
What are all the ways to include jQuery in a page?
How we can get the input value of an element using jquery?
What is the basic need to start with jQuery?
Define .siblings() method in jquery?