Button Link rollover

Main >> Content >> Tutorials >> HTML >> Button Link rollover

Here's a cool code you can use for your link buttons or maybe for your affiliates links.

Step 1: Fisrt copy the code under and paste it at the top (or the head) of the page you want to have the button link rollover.

<script language="javascript">

if (document.images) {

image00 = new Image
image1 = new Image
image2 = new Image
image3 = new Image
image4 = new Image
image6 = new Image
image8 = new Image
image9 = new Image
image10 = new Image

image00.src = "BUTTON URL"
image1.src = "BUTTON URL"
image2.src = "BUTTON URL"
image3.src = "BUTTON URL"
image4.src = "BUTTON URL"
image6.src = "BUTTON URL"
image9.src = "BUTTON URL"
image10.src = "BUTTON URL"

}
</script>

Step 2: Then copy the code under, this is the link code. Paste it on your page as many times as links you want to have. Remeber to change the number for each link code where it says src=image1. Don't change the number where it says src=image00 in the code.
The number in the link code matches the button number in the first code.

<a target="_blank" onMouseover="document.imagename.src=image1.src" onMouseout="document.imagename.src=image00.src" href="PAGEURL">TEXT</a>

Step 3: Finally copy the code under and paste it anywhere on your site, this is the code for the button preview. Where you paste it is where the people who hovers teh links will se the buttons. In the code it says BUTTON URL, here you can paste the button code you want to be diplayed when no one are hovering the links.

<img border="0" src="BUTTON URL" name="imagename">