Golgappa.net | Golgappa.org | BagIndia.net | BodyIndia.Com | CabIndia.net | CarsBikes.net | CarsBikes.org | CashIndia.net | ConsumerIndia.net | CookingIndia.net | DataIndia.net | DealIndia.net | EmailIndia.net | FirstTablet.com | FirstTourist.com | ForsaleIndia.net | IndiaBody.Com | IndiaCab.net | IndiaCash.net | IndiaModel.net | KidForum.net | OfficeIndia.net | PaysIndia.com | RestaurantIndia.net | RestaurantsIndia.net | SaleForum.net | SellForum.net | SoldIndia.com | StarIndia.net | TomatoCab.com | TomatoCabs.com | TownIndia.com
Interested to Buy Any Domain ? << Click Here >> for more details...


How do you implement animation functionality?



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

Post New Answer

More jQuery Interview Questions

What is ajax and how it works?

0 Answers  


How to select class in jquery?

0 Answers  


What is a jquery ajax?

0 Answers  


Is numeric in jquery?

0 Answers  


What is resize() function in jquery?

0 Answers  


Is it possible to get value of multiple CSS properties in single statement?

1 Answers  


What are the selectors in jquery? How many types of selectors in jquery?

0 Answers  


Why is only the first page of multi page document loaded? : jquery mobile

0 Answers  


What are the advantages of minified version of jquery?

0 Answers  


Explain the difference between jquery-x.x.x.js and jquery.x.x.x min.js?

0 Answers  


Explain remove class jquery with example?

0 Answers  


What is the difference between parent() and parents() methods in jQuery?

1 Answers  


Categories