jQuery HoverCrossfade - Example

Move your cursor over the buttons to see the effect.

Link 1 Link 2 
$("#button1, #button2").hoverCrossfade({
	normalBackgroundPositions: ["0 0", "0 0"],
	hoverBackgroundPositions: ["0 -70px", "0 -45px"],
	fadeInTime: 150,
	fadeOutTime: 350
});

<a href="#" id="button1">Link 1</a>
<a href="#" id="button2">Link 2</a>

Button sprites