Change Image On Mouseover Generator

Add some style to your buttons or images, and have them change when you pass your mouse over them.You can use the "change image on mouseover generator" below to create the code for you.

• Insert URL of the image you want to display.
• Enter the URL of image that change to on mouseover
• Enter URL to link to. (include http:// )

First image
URL of original image:
URL of mouseover image:
URL to link image to:
Second image (optional)
URL of original image:
URL of mouseover image:
URL to link image to:
Third image (optional)
URL of original image:
URL of mouseover image:
URL to link image to:
Code Please copy this code in the specified sections. <!-- STEP ONE: Insert this code into the HEAD section of your HTML document --> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin loadImage1 = new Image(); loadImage1.src = "http://www.scriptgenerator.net/img_gen/likebutton.jpg"; staticImage1 = new Image(); staticImage1.src = "http://www.scriptgenerator.net/img_gen/arrowCursor.jpg"; loadImage2 = new Image(); loadImage2.src = "http://www.scriptgenerator.net/img_gen/likebutton.jpg"; staticImage2 = new Image(); staticImage2.src = "http://www.scriptgenerator.net/img_gen/likebutton.jpg"; loadImage3 = new Image(); loadImage3.src = "http://www.scriptgenerator.net/img_gen/likebutton.jpg"; staticImage3 = new Image(); staticImage3.src = "http://www.scriptgenerator.net/img_gen/likebutton.jpg"; // End --> </script> <!-- STEP TWO: Insert this code into the BODY of your HTML document --> <a href="http://www.scriptgenerator.net/img_gen/likebutton.jpg" onMouseOver="image1.src=loadImage1.src;" onMouseOut="image1.src=staticImage1.src;"> <img name="image1" src="http://www.scriptgenerator.net/img_gen/arrowCursor.jpg" border=0></a> <a href="http://www.scriptgenerator.net/img_gen/likebutton.jpg" onMouseOver="image2.src=loadImage2.src;" onMouseOut="image2.src=staticImage2.src;"> <img name="image2" src="http://www.scriptgenerator.net/img_gen/likebutton.jpg" border=0></a> <a href="http://www.scriptgenerator.net/img_gen/likebutton.jpg" onMouseOver="image3.src=loadImage3.src;" onMouseOut="image3.src=staticImage3.src;"> <img name="image3" src="http://www.scriptgenerator.net/img_gen/likebutton.jpg" border=0></a>