|
|
|
We place the button on the page as we would have placed any other image on a webpage.
Then we add an onMouseOver event to the image.
The event causes the browser to run a javascript function that will replace the initial image with another image.
Finally we add an onMouseOut event to the image as well.
This event causes the browser to run a javascript function that inserts the initial image again when the user moves the mouse away from the image.
The technique is thus a two step process:
First, you need to add mouse event settings to the HTML tags of the images.
Second, you need to add a script that will be performed when the browser detects the mouse events.
|
|
|
|