Posted By

publicbroadcast on 03/30/09


Tagged


Versions (?)

Who likes this?

5 people have marked this snippet as a favorite

benrudolph
indamix
LeeRJohnson
rombob
fenta23


jQuery MouseOver/Out Effect


 / Published in: jQuery
 

  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  

You need to login to post a comment.