jQuery MouseOver/Out Effect


/ Published in: jQuery
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <script src="http://code.jquery.com/jquery-latest.js"></script>
  2. <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
  3.  
  4. <script>
  5. jQuery(document).ready(function(){
  6.  
  7. jQuery(".block").mouseover(function() {
  8.  
  9. jQuery(this).animate({ backgroundColor: "black" }, 1000);
  10.  
  11. }).mouseout(function() {
  12.  
  13. jQuery(this).animate({ backgroundColor: "#68BFEF" }, 500);
  14.  
  15. })
  16.  
  17. });
  18.  
  19. </script>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.