How to make a three state rollover button with javascript

Step by step: Make a 3-state rollover button

What's a three state rollover button?
This is an image on a webpage which changes to another image when the mouse is over it and to another different image when the mouse is clicked on it. When the mouse goes out of the button, the first image is restored.

How to make a three state rollover button?

1.Choose three images.

To make a three state rollover button you need three different images, one of them will appear when the mouse is not over the button,you have to choose this image as the 'primary image' in Image RollNow!
You also have to check the checkbox 'set secondary image' and choose as secondary image the one that you want to be displayed when the mouse is over the button.
Last you need to check the checkbox 'set onclick image' and choose the image that you want to be displayed when the mouse is clicked on the button.

2.Set a link.

Now you have to set the url which will be loaded when the button is clicked and a target frame,if your page has no frames then leave this option unselected.
You can now preview your rollover button in a true html doc, click 'preview'.

3.Save code.

Now that your rollover button is ready, you can save it to include it in your html pages, to do so you have to click on 'Generate'. Two options will appear, 'save' which will save the rollover script to a .js file, and 'get code' which will generate some lines of code which must be pasted into your html page.

Once the .js file is saved and the generated code is saved to your html page, the rollover button is done!

javascript software