首页
设计资讯
UI设计
学习教程
web标准
网站建设
设计素材
软件下载
全网设计学院

这是一个图片渐现特效

上一篇 |

下一篇发表时间：2007-9-10 21:55:23

这个特效,现在谁能改成多副图片的, 比如再往后添加就可以是id=image2, image3......................

Source Code to Run

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>有意思吧|U148.Net-分享有意思的，好玩的影像，音频，图片，文字，游戏，不仅仅是娱乐！</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta name="robots" content="index, follow"> 
<meta name="keywords" content="有意思,好玩,娱乐" /> 
<meta name="description" 
content="有意思吧|U148.Net-分享有意思的，好玩的影像，音频，图片，文字，游戏，不仅仅是娱乐！" /> 
<style type="text/css"> 
body{text-align:center;} 
</style> 
</head> 
<body> 
<SCRIPT> 
var NowFrame = 1; 
var MaxFrame = 5; 
var bStart = 0; 
function fnToggle() { 
var next = NowFrame + 1; 
if(next == MaxFrame+1) 
{ 
NowFrame = MaxFrame; 
next = 1; 
} 
if(bStart == 0) 
{ 
bStart = 1; 
 
setTimeout('fnToggle()', 1000); 
return; 
} 
else 
{ 
oTransContainer.filters[0].Apply(); 
document.images['oDIV'+next].style.display = ""; 
document.images['oDIV'+NowFrame].style.display = "none"; 
oTransContainer.filters[0].Play(duration=5); 
if(NowFrame == MaxFrame) 
NowFrame = 1; 
else 
NowFrame++; 
} setTimeout('fnToggle()', 6000); 
} 
fnToggle(); 
</SCRIPT> 
 
<DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, 
wipeStyle=0, motion='forward'); WIDTH: 243px; HEIGHT: 235px"> 
<A href="http://www.u148.net" target=_blank><IMG id=oDIV1 style="BORDER-RIGHT: 
black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes; BORDER-LEFT: black 
0px solid; BORDER-BOTTOM: black 0px solid" height=180 src="http://www.u148.net/attachments/month_0708/620078195946.jpg" 
width=240 border=0></A> 
<A href="http://www.u148.net" target=_blank><IMG id=oDIV2 style="BORDER-RIGHT: 
black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 
0px solid; BORDER-BOTTOM: black 0px solid" height=180 src="http://www.u148.net/attachments/month_0707/f2007731122510.jpg" 
width=240 border=0></A> 
<A href="http://www.u148.net" target=_blank><IMG id=oDIV3 style="BORDER-RIGHT: 
black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 
0px solid; BORDER-BOTTOM: black 0px solid" height=180 src="http://www.u148.net/attachments/month_0707/j2007728151856.jpg" 
width=240 border=0></A> 
<A href="http://www.u148.net" target=_blank><IMG id=oDIV4 style="BORDER-RIGHT: 
black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 
0px solid; BORDER-BOTTOM: black 0px solid" height=180 src="http://www.u148.net/attachments/month_0707/d2007728112747.jpg" 
width=240 border=0></A> 
<A href="http://www.u148.net" target=_blank><IMG id=oDIV5 style="BORDER-RIGHT: 
black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 
0px solid; BORDER-BOTTOM: black 0px solid" height=180 src="http://www.u148.net/attachments/month_0708/t20078211444.jpg" 
width=240 border=0></A> 
</DIV> 
 
</body> 
</html>

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

[本日志由 ui163 于 2007-9-10 21:55:23 编辑]

上一篇:如何批量消除链接虚线框？

下一篇:关于DOM事件模型的两件事

文章来自:

收藏到网摘: 收藏到QQ书签

Tags:

这是一个图片渐现特效

相关内容

网站建设导航→

相关内容