Craigs HTML

Button mouseover script

This html script will give your web page a mouseover button, an example of this is below. All you have to do to get the pop up script is copy and paste the script below on to your web page

You ca reload thi page by clicking on the button or this link.

Place this part of the script between the <HEAD> tags.


<SCRIPT LANGUAGE = "JavaScript">
function change_image() {document.button.src = "Your image when mousover";}
function normal_image() {document.button.src = "Your image normal";}
</SCRIPT>

Place this part of the script where you want the button to go.

<A HREF="Your Target URL"
onMouseOver="change_image();
return true"
onMouseOut="normal_image();
return true">
<IMG SRC="Your image normal" NAME="button" hspace=10 WIDTH= HEIGHT= BORDER=0 ALT="reload page!"></A><b><a href="Your Target URL here"><b>You can reload this page by clicking on the button or this link.</a></b>


Make the following changes in the script: Put the name of the button that the script will change to when the mouse goes over it in place of "Your image when mousover."
Put the name of the normal image (the image which will be there when the page loads) in both places that say "Your image normal."
Put the height and width of the normal button in the Height= and Width=spaces.
Put the target URL in both places that say "Target URL here."
Put your text explanation of the button or icon where it says "Your Explanation."
Put your target URL text where it says "Your target URL here."
Leave in all punctuation.