Image Rollover

The classic "hover" effect. Swap images instantly on mouseover.

Hover to swap.

Copy the Script

<!-- No complex JS needed for simple rollovers -->
<img src="button-off.jpg" 
     onmouseover="this.src='button-on.jpg'" 
     onmouseout="this.src='button-off.jpg'" 
     alt="Rollover">

<!-- Preload Script (Recommended) -->
<script>
var img1 = new Image(); img1.src = "button-on.jpg";
</script>