返回首页

温馨提示：本站文章标题使用的字体是《微软雅黑》点击下载这个字体.

顶一下

1 次

一个好看的图片轮显.IE only

来源：本站原创编辑：admin 时间：2009年04月04日浏览：

<body>
<DIV id=oTransContainer 
                  style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, 
                                    wipeStyle=0, motion='forward'); WIDTH: 165px; HEIGHT: 103px"><A 
                  href="http://www.oern.cn" 
                  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" 
                  height=400 src="http://www.oern.cn/service/NEW/image/1.jpg" width=850 
                  border=0></A> <A 
                  href="http://www.oern.cn" 
                  target=_blank><IMG id=oDIV2 
                  style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; DISPLAY: none; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" 
                  height=400 src="http://www.oern.cn/service/NEW/image/2.jpg" width=850 
                  border=0></A><A 
                  href="http://www.oern.cn" 
                  target=_blank><IMG id=oDIV3 
                  style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; DISPLAY: none; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" 
                  height=400 src="http://www.oern.cn/service/NEW/image/3.jpg" width=850 
                  border=0></A> <A 
                  href="http://www.oern.cn" 
                  target=_blank><IMG id=oDIV4 
                  style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; DISPLAY: none; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" 
                  height=400 src="http://www.oern.cn/service/NEW/image/4.jpg" width=850 
                  border=0></A></DIV>
                    </CENTER>
                  <SCRIPT>
var NowFrame = 1;
var MaxFrame = 4;
var bStart = 0;
function fnToggle() {
	var next = NowFrame + 1;
	if(next == MaxFrame+1) 
	{
		NowFrame = MaxFrame;
		next = 1;
	}
	if(bStart == 0)
	{
		bStart = 1;
		
		setTimeout('fnToggle()', 6000);
		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()', 6000);
}
fnToggle();
</SCRIPT>
</body>本代码由<a href="http://www.web265.com" target="_blank">站长素材网(http://www.web265.com)</a>整理发布

运行代码
复制代码
另存代码
收藏本页

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：JS改变内容背景颜色

下一篇：鼠标拖拽翻页效果,非常酷

赞助商友情链接

站长常用工具

更多

返回首页

一个好看的图片轮显.IE only

赞助商友情链接

站长常用工具

相关文章