图片渐变过渡特效代码 - ASP.NET教程·七彩课堂

七彩课堂[网页设计ASP.NET教程系列]

图片渐变过渡特效代码

　　　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>七彩空间七彩课堂</title>
</head>

<body leftmargin="0" topmargin="0">
<TABLE cellSpacing=0 cellPadding=0 width=460 border=0>
<TBODY>
<TR>
<TD width=460><CENTER>
<DIV id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,
wipeStyle=0, motion='forward'); WIDTH: 460px; HEIGHT: 264px"><img
id=oDIV1
height=264 src="images/index_pro2.jpg" width=460 border=0><IMG id=oDIV2
height=264 src="images/index_pro3.jpg" width=460 border=0><IMG id=oDIV3
height=264 src="images/index_pro4.jpg" width=460 border=0><IMG id=oDIV4
height=264 src="images/index_pro5.jpg" width=460 border=0><IMG id=oDIV5
height=264 src="images/index_pro6.jpg" width=460 border=0><IMG id=oDIV6
height=264 src="images/index_pro7.jpg" width=460 border=0><IMG id=oDIV7
height=264 src="images/index_pro8.jpg" width=460 border=0></DIV>
</CENTER>
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 7;
var bStart = 0;

function fnToggle() {
var next = NowFrame + 1;

if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
}

if(bStart == 0)
{
bStart = 1;

setTimeout('fnToggle()', 4000);

return;
}
else
{
oTransContainer.filters[0].Apply();

document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowFrame].style.display = "none";

oTransContainer.filters[0].Play(duration=2);

if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 4000);
}

fnToggle();
</SCRIPT>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>