This lesson was truly awesome. You will learn how to use .animate and .hover to create a great hover effect

Go ahead and try it out! Hover over the images.

$(function() {
	$('#container img').animate({
		"opacity" : .5
	});
	
	$('#container img').hover(function() {
		$(this).stop().animate({ "opacity": 1 });
	}, function() {
		$(this).stop().animate({ "opacity": .5});
	});
});
			

You can see all the code by viewing the source of this page (Ctrl-U in most browsers).