.תונומתב היזטנפ
screen1  screen2  screen3  screen4
+ JSFX_ImageFadeSwap.js
<html>
<head>
<title>א"ב בבנית אתרים</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-8">
<SCRIPT language=JavaScript src="JSFX_ImageFadeSwap.js"
type=text/javascript></SCRIPT>

<SCRIPT language=JavaScript>
FadeInStep = 20;
FadeOutStep = 20;

JSFX.Rollover("screen1","screen1.jpg");
JSFX.Rollover("screen2","screen2.jpg");
JSFX.Rollover("screen3","screen3.jpg");
JSFX.Rollover("screen4","screen4.jpg");

</SCRIPT>

<STYLE type=text/css>.imgFader {
FILTER: alpha(opacity=0); POSITION: relative; moz-opacity: 0%
}
</STYLE>
<link rel="stylesheet" href="../../liora3.css">
</head>

<body >

<table width="80%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="#ece8cf" bordercolor="#666666" class="bord2">
<tr>
<td align="left"> xxx </td>
<tr>
<td align="left"><TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD background="screen_off.jpg"><IMG class=imgFader src="screen_off.jpg" border=0 name=screen width="151" height="149">
</TD>
</TR></TBODY></TABLE><A
onmouseover="JSFX.fadeIn('screen', 'screen1')"
onmouseout="JSFX.fadeOut('screen')"
href="http://webdeveloper.earthweb.com/repository/javascripts/2001/10/61921/index.html#">screen1</A>
<A onmouseover="JSFX.fadeIn('screen', 'screen2')"
onmouseout="JSFX.fadeOut('screen')"
href="http://webdeveloper.earthweb.com/repository/javascripts/2001/10/61921/index.html#">screen2</A>
<A onmouseover="JSFX.fadeIn('screen', 'screen3')"
onmouseout="JSFX.fadeOut('screen')"
href="http://webdeveloper.earthweb.com/repository/javascripts/2001/10/61921/index.html#">screen3</A>
<A onmouseover="JSFX.fadeIn('screen', 'screen4')"
onmouseout="JSFX.fadeOut('screen')"
href="http://webdeveloper.earthweb.com/repository/javascripts/2001/10/61921/index.html#">screen4</A>
</td>
</table>

</body>
</html>