How do you implement animation functionality?

Answer Posted / 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



Post New Answer       View All Answers


Please Help Members By Posting Answers For Below Questions

What are the differences between size and length in jquery?

437


How to add or remove classes to an element in jquery?

429


Can you please explain the difference between parent() and parents() methods in jquery? : jquery mobile

408


Difference between document.ready and window.onload? : jQuery Mobile

486


What is the script build up by jQuery?

498






Why is jquery better than javascript?

579


Define type paremeter of jquery ajax method?

433


Can we have multiple document.ready() function on the same page? : jquery mobile

398


What is parent() in jquery?

470


How to check/uncheck an input in jquery?

494


Why we need jquery mobile? : jquery mobile

460


What is the basic requirement to start with the jquery?

498


When can jquery be used?

472


How to get the style property of an element using ?

414


Define jquery connect?

498