jQuery Animate


jQuery animate() Creates custom animations on the elements.


Syntax of jQuery animate

$(selector).animate({parameters},speed,callback);

Animate Example

<script type="text/javascript">// <![CDATA[
         $(document).ready(function(){
          $("#animateButton").click(function(){
           $("#demoDiv").animate({left:'100px',top:'100px'},"slow");
          });
          });
// ]]></script>

Try it »

Animate More Examples

Animate Example With milliseconds

<script type="text/javascript">// <![CDATA[
         $(document).ready(function(){
          $("#animateButton").click(function(){
           $("#demoDiv").animate({left:'100px',top:'100px',height:'200px',width:'200px'},1000);
          });
          });
// ]]></script>

Try it »

Animate Some Common Examples

[table width=”100%” colwidth=”20|190|50″ colalign=”left|left|center|left|right”]
No, Slide Animate Effect ,Syntax, Example & Demo
1,Animate Background Color, $(selector).animate({background:’yellow’});,See Detail & Demo »
2,Animate Background Color “slow”, $(selector).animate({background:’yellow’}\,”slow”);,See Detail & Demo »
3,Animate Background Color “fast”, $(selector).animate({background:’yellow’}\,”fast”);,See Detail & Demo »
4,Animate Background Color “milliseconds”, $(selector).animate({background:’yellow’}\,1000);,See Detail & Demo »
[/table]


User Ans/Comments

📖 Read More


Advertisements