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 is meant by the term ‘theming’ in jquery mobile? : jQuery Mobile

586


Is jquery still relevant 2019?

690


Tell me does jquery 2.0 supports ie? : jquery mobile

575


In jquery, what is the meaning of toggle?

551


What is jquery a client or server scripting?

620


Where can we download JQuery?

607


What is .bind()? : jquery mobile

658


What are your tools of choice to get the jquery job done?

608


What are the paremeter of jquery ajax method?

601


Do we need to add jQuery file in both Master and Content page?

612


Explain cdn in jquery?

4333


Define jquery filter?

643


How can you add a jquery library in your project?

570


List the advantage of using minimized version of jquery?

572


How do you install/use jquery in a project. What is the minimum setup needed to start using jquery.

607