Animate background color in jQuery
home
Run
screen_rotation
fullscreen
cloud_download
navigate_next
<!DOCTYPE html> <html> <head> <title>jQuery Scrolltop Demo example</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"> </script> <script type="text/javascript" src="https://code.jquery.com/color/jquery.color-git.js"> </script> <script type="text/javascript"> function animateBg(){ $("body").animate({backgroundColor:"olive"}, "slow"); $("body").animate({backgroundColor:"yellow"}, "slow"); } </script> </head> <body> <h4 ><a href="javascript:void(0);" onclick="animateBg()" >Click to Animate Background </a></h4> <div></div> </body> </html>
<!DOCTYPE html> <html> <head> <title>jQuery Scrolltop Demo example</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"> </script> <script type="text/javascript" src="https://code.jquery.com/color/jquery.color-git.js"> </script> <script type="text/javascript"> function animateBg(){ $("body").animate({backgroundColor:"olive"}, "slow"); $("body").animate({backgroundColor:"yellow"}, "slow"); } </script> </head> <body> <h4 ><a href="javascript:void(0);" onclick="animateBg()" >Click to Animate Background </a></h4> <div></div> </body> </html>
Copyrights@tutorialsplane.com