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>
|
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.
Advertisements
