Rollover3 - FrontPage DHTML
Very Poor - it can do a 2-state rollover, but when you try to then add "click" for the 3rd state, it replaces the mouseover with the click. I have tried combining them in the code but it will not work. Also this method
changes state very slowly on the published web page. Lastly there are only 2 states
Works with all Browsers
Requires one file - "animate.js" which is automatically created and placed at the root
You cannot delete animate.js - FP recreates it automatically when deleted
No image Preload - so make sure to add your own preload code.
The Code
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="../../animate.js">
</script>
<meta name="Microsoft Border" content="none">
</head>
<body onload="dynAnimation()">
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0" align="center"><b><font size="5">Rollover3
- FrontPage DHTML</font></b></p>
<!-- you can combine the following 6 lines into one long line - for one line per image swap -->
<a href="www.google.com"
onmouseover="document['fpAnimswapImgFP11'].imgRolln=document['fpAnimswapImgFP11'].src;document['fpAnimswapImgFP11'].src=document['fpAnimswapImgFP11'].lowsrc;"
onmouseout="document['fpAnimswapImgFP11'].src=document['fpAnimswapImgFP11'].imgRolln">
<img border="0"
src="button1.jpg" id="fpAnimswapImgFP11" name="fpAnimswapImgFP11" dynamicanimation="fpAnimswapImgFP11"
lowsrc="button2.jpg" align="middle" width="160" height="35"></a>