<!--ROLLOVER EFFECT--> <!-- This goes in the HEAD of the html file --> <script language="javascript" type="text/javascript"> <!-- Copyright 2001, Sandeep Gangadharan --> <!-- For more free scripts go to http://sivamdesign.com/scripts/ --> <!-- rollover=new Image(102,21); // change the numbers on the left to match the size of the images rollover.src="image1.gif"; // change the name of the images (image1.gif, image2.gif...) to suit your needs rollover.src="image2.gif"; rollover.src="image3.gif"; rollover.src="image4.gif"; //--> </script> <!-- This goes into the BODY of the file --> <form name="form"> <a href="filename.html" onMouseOver="document.form.roll.src='image2.gif'"; onMouseOut="document.form.roll.src='image1.gif'"> <img src="image1.gif" border="0" width="102" height="21" name="roll" /></a> <a href="filename.html" onMouseOver="document.form.roll1.src='image4.gif'"; onMouseOut="document.form.roll1.src='image3.gif'"> <img src="image3.gif" border="0" width="102" height="21" name="roll1" /></a> </form>