Advanced Search

jQuery MouseOver/Out Effect

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

Expand | Embed | Plain Text

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.