|
EXAMPLE
1) Insert these two scripts in the <HEAD> section of the page.
2) Insert the following HTML code in the
<BODY> section where you want the rollover buttons to appear in the page.
3) Ensure that the images that initially
load and are replaced by others when rollover occurs, are named the same in the
HTML code as follows:
<a href="http://planmagic.com/business_plan.html"
onmouseout="off('image1');" onmouseover="on('image1');">
<img border="0" name="image1" src="images/image1_default.gif"></a>
<a href="http://planmagic.com/marketing_plan.html"
onmouseout="off('image2');"
onmouseover="on('image2');"><img border="0" name="image2"
src="images/image2_default.gif"></a>
and in the script section:
/var imgslist = new Array(
"images/image1_over.gif",
"images/image2_over.gif",
4) You can download
this ZIP file with the images we made to help you with the animated rollover buttons, unzip
them in the appropriate directory.
A nice
rollover script, ain't
it?
|
