Alpha Fade








<SCRIPT LANGUAGE="JavaScript">
<!--

var id, op = 100, step = -10;

function Start()
{
id = window.setInterval("Move()", 50);
}

function Stop()
{
window.clearInterval(id);
}

function Move()
{
op += step;

if (op < 0) {
op = 0;
step = -step;
};

if (op > 100) {
op = 100;
step = -step;
};

document.all.img1.filters.Alpha.opacity = op;
document.all.img2.filters.Alpha.opacity = 100-op;
}
// -->
</SCRIPT>

<img style="position: absolute; top: 10px; left: 10px; z-index: 2; filter: Alpha(Opacity=100)" OnMouseOver="Stop()" src="pictures/jt_webdesign_studio_button.gif" OnMouseOut="Start()" id="img1">
<img style="position: absolute; top: 10px; left: 10px; z-index: 1; filter: Alpha(Opacity=0)" src="pictures/java_script_library_button.gif" id="img2">