效果堪比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>
<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>
相关文章推荐
- 绝对纯CSS和JS的图片切换(轮换)效果!没有用FLASH
- JS+Flash图片轮换/切换--上下滑动效果
- javaBean+JSP+JS+XML实现从发布文章中自动提取图片在首页轮换效果
- js特效:图片轮换(仿FLASH)
- js实现图片轮换效果代码
- jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox
- JS图片自己主动轮换效果实现
- 【js特效】着陆页图片轮换效果
- 纯js无flash仿搜狐女人频道FLASH图片切换效果代码
- 完美的js图片轮换效果
- js 新浪的一个图片播放图片轮换效果代码
- 仿flash的图片轮换页面效果
- Flash广告图片轮换效果19例(19 slidershow effects by flash)
- 很好的js 图片轮换效果
- js图片轮换效果
- js 新浪的一个图片播放图片轮换效果代码
- ECSHOP首页flash幻灯片修改为循环图片(可以自己添加jq,js效果)
- 用js实现的一个Flash滚动轮换显示图片代码生成器
- 图片轮换效果 – JS实现