mouseover.html
NextCard Internet Visa


The Mouse Over Code


I've had a lot of requests for information about my mouseover trick on my main page. The one where you put your curser on my face and are sent to another page. That trick actually uses two codes. Mouseover takes you to the other page, and another JAVA code automatically brings you back. You won't believe how simple either one really is. WE will learn the mouseover here, and then do the other one on the next lesson. Mouseover can be used with a graphic, photo, or text. You insert the code in your html page where ever you want it to appear. I used the image on my page that I saved as smokeypat.JPG. If you use an image for yours, just replace smokeypat.JPG with the name of your own image. If you use text, just put the text in like you would any link. If you have trouble with this just e-mail me. The title of the page I sent you to was resist.html. Just replace that with the title of the page you want people to go to on mouseover. You can highlight this code and save it on your hard drive and replace the two areas I just mentioned with your own information and paste it into your html. So here is the code. This one little line is all there is to it.

<a href="Doesn't matter" onMouseOver="parent.location='resist.html'"><img src="smokeypat.JPG"></a>

When you put this in your html, make one single line with a single space between img and src... ie.. img src.

To see how mouse over works on text take your curser across the word "BACK" below and don't click on it.


BACK