jQuery HoverCrossfade Plugin Examples

A jQuery hover effect plugin that makes it possible to smoothly crossfade between two images when hovering over a button or link element.

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