Some fansites today have links on their affiliation bars that when you hover over them, their button appears at a designated area above the links. Take Eonlight Valley's right menu as an example. If you hover over the links at the Top Affy nav, you're be able to see how the image that says "hover" changes.
**ONLY change the parts of the codes that're in BOLD**
1.) Place the below code between the <head> and </head> of your HTML. (Affy = affiliate.)
<script language="javascript">
<!--
if (document.images) {
button066= new Image
button00=new Image
button01=new Image
button02=new Image
button04=new Image
button066.src ="URL of your hover button image"
button00.src="URL of affy button1"
button01.src="URL of affy button2"
button02.src="URL of affy button3"
button03.src="URL of affy button4"
button04.src="URL of affy button5"
}// -->
</script>
3.) Go to the part in your HTML BODY where you want the hover links to be. Insert this code:
<img src="HOVER BUTTON URL" VSPACE="1" BORDER="0" width="88" height="31" NAME="affiliates">
<a onmouseover="document.affiliates.src=buttonnumber.src"
onmouseout="document.affiliates.src=button066.src" href="Affy's URL">Affy Name</a>
The hover button URL is not the URL of your affy's button, but the URL of the button that says "Hover" or whatnot on it.
**Remember to change the number to the appropriate button number for whichever affiliate the particular hover link is for. (Example: button00, button01, so on) It should correspond with the proper affy button URL in the first code.
That's it! You're done! You'll have to add multiples of the second code for each of your affiliates, and remember to change all the things you need to change on them!
Eonlight Valley, all its content and graphics are unless stated otherwise (c) Kronakitty (kronakitty@gmail.com) 2005-2008. Official Pokemon contents and images are (c) Nintendo 1995-2008. This is only a fan site, and I do not claim ownership of Pokemon.
