您的位置:首页 > Web前端 > JavaScript

效果堪比flash的js图片轮换

2009-06-17 15:03 483 查看
1.

<SCRIPT>
var NowFrame = 1;
var MaxFrame = 4;
var bStart = 0;

fnToggle();
</SCRIPT>
<div align="center">
<DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 165px; HEIGHT: 83px">
<A href="/default.asp" target=_blank><IMG id=oDIV1 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" src="http://www.cnknow.com/images/Main/1.gif" border=0 width=241 height=121></A>
<A href="/default.asp" target=_blank><IMG id=oDIV2 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" width=241 height=121 src=http://blog.cnknow.com/attachments/month_0603/85wa_135787.jpg border=0></A>
<A href="/default.asp" target=_blank><IMG id=oDIV3 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" src="http://www.cnknow.com/images/Main/1.gif" border=0 width=241 height=121></A>
<A href="/default.asp" target=_blank><IMG id=oDIV4 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" src=http://blog.cnknow.com/attachments/month_0603/b92f_135798.jpg width=241 height=121 border=0></A>

</div>

3.

<script language="Javascript" type="text/javascript">
ImgName = new ImgArray(10);
ImgName[0]="http://www.cnknow.com/images/Main/1.gif";
ImgName[1]="http://blog.cnknow.com/attachments/month_0603/85wa_135787.jpg";
var t=0;
</script>
</head>
<img src="http://www.cnknow.com/images/Main/1.gif" name="img" />
<script language="Javascript">playImg();</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: