jQuery animate background color slow


jQuery animate background color slow : jQuery animate({background:’yellow’},”slow”) will add background color slow animation effect. If you want to animate background color slowly use the $(selector).animate(style,speed) method. This method accepts two parameter one style and second speed.


Syntax : jQuery animate background color

Here is simple example of animate background color slowly using jQuery .animate method-

jQuery animate background color slow Example


<script type="text/javascript">
         $(document).ready(function(){
          $("#animateButton").click(function(){
           $("#demoDiv").animate({backgroundColor:'yellow'},"slow");
          });
          });
</script>    

Try it »

The above code will produce following result-

Note : This is image of the output. To run this demo click on the above “Try it” button.

jQuery animate background color slow Example


User Ans/Comments

📖 Read More


Advertisements