|
Welcome In HTML Course:-
 Back
To Advanced index
JavaScript
Image
Rollovers
To make an image rollover (an image that changes when you put your mouse over
it) you need to use a simple JavaScript. The first step is to place the
following between the <head>...</head> tags in your
HTML.
Then you need to put the following where you want the image to appear between
your <body>...</body> tags with a couple of
additions. Your tag will look like this:
If you are confused, you can find more information about this type of command
on the
mouseover page. Remember to use all of the correct
punctuation or the script will give you an error. Also remember to name your
image so that the script knows which one to change. If you don't want
the image to link to another page, replace it with a "#" like I have done.You
can notice the script in our menu.
You can add more images to this script by simply adding them to the script in
the <head>...</head> section using pic2on and pic2off then pic3on...etc.
Back
To Advanced index
|
