Image Rollover

<p>Image Rollover:</p>
<script type="text/javascript">
<!--
// Pre load images for rollover
if (document.images) {
    smile = new Image
    nosmile = new Image

    smile.src = "http://www.gif-star.com/smilies/2330072.gif"
    nosmile.src = "http://www.gif-star.com/smilies/2340073.gif"
}


function swapImage(thisImage,newImage) {
    if (document.images) {
        document[thisImage].src = eval(newImage + ".src")
    }
}
-->
</script>
<a href="http://www.gif-star.com/smilies/2330072.gif"
onMouseOver="swapImage('jack','smile')"
onMouseOut="swapImage('jack','nosmile')">
<img src="http://www.gif-star.com/smilies/2340073.gif"
    width="100"
    height="100"
    border="0"
    alt="Picture of Jack"
    name="jack">
</a>

Image Rollover: