+ 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>
|