代码特效教程之【渐隐变换】
<html>
<head>
<title>【婷儿音画】曾经心痛</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices 【婷儿音画】曾经心痛 -->
<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:t="urn:schemas-microsoft-com:time"><STYLE>.time {BEHAVIOR: url(#default#time2)}t\\:* {BEHAVIOR: url(#default#time2)}v\\:* {BEHAVIOR: url(#default#VML)}</STYLE>
<STYLE type=text/css>
BODY { SCROLLBAR-FACE-COLOR: #132b60; FONT: 11px verdana,helvetica,sans-serif; SCROLLBAR-HIGHLIGHT-COLOR: #1f4894; SCROLLBAR-SHADOW-COLOR: #1f4894; SCROLLBAR-3DLIGHT-COLOR: #02050e; SCROLLBAR-DARKSHADOW-COLOR: #02050e; SCROLLBAR-ARROW-COLOR: #ff0000; SCROLLBAR-TRACK-COLOR: #132b60; BACKGROUND-COLOR: #132b60
}
TD {
FONT-SIZE: 0pt; COLOR: #000000; LINE-HEIGHT: 100%; FONT-FAMILY: dadum 10
}
}
INPUT {
HEIGHT: 0px
}
</STYLE><TABLE align=center><TR><TD>
<div class='time' start='1' style="position: absolute; bottom: 0px; right: 0px; left:0; top:0;">
<TABLE bgColor=black width=1000 height=560><TR><TD><img id=img_1 height=560 width=1000 src="00.jpg"></TD></TR></TABLE></TD><TD style="position:relative;top:0px;left:-1000;"><v:group style="width:1000;height:560 OSITION:absolute"coordsize="1000,560"><t:SEQ begin="4" repeatCount="indefinite"><t:transitionFilter from="0"targetElement="img_1"to="1"type="progid XImageTransform.Microsoft.GradientWipe(gradientsize=5)"mode="out"autoReverse="true"dur="4"></t:transitionFilter></t:SEQ><SCRIPT language=JavaScript>function checkTime() {if (document.all) {now=new Date();second=now.getSeconds();minute=now.getMinutes();hour=now.getHours();if (hour>=4) {hour=hour-4};timer=setTimeout("checkTime()",560)}}; var Xy=new Array(); Xy
[0]="00.jpg";Xy
[1]="01.jpg";Xy
[2]="02.jpg";Xy
[3]="03.jpg";Xy
[4]="04.jpg";Xy
[5]="05.jpg";Xy
[6]="06.jpg";Xy
[7]="07.jpg";Xy
[8]="08.jpg";Xy
var interval=20560;var xin =1;var transXy=new Array();for (yu=0;yu<Xy.length;yu++){transXy[yu]=new Image(); transXy[yu].src=Xy[yu]};function trans(){if (window.createPopup) xinyu.style.filter ="progidXImageTransform.Microsoft.Fade(duration=6,overlap=0)";if (window.createPopup) xinyu.filters[0].apply();document.images.xinyu.src=transXy[xin].src;if (window.createPopup) xinyu.filters[0].play();xin++;if (xin==transXy.length) xin=0;setTimeout("trans()",interval);};function start() {trans();};window.onload=new Function("start()");</SCRIPT></div>
<div class='time' start='1' style="position: absolute; bottom: 0px; right: 0px; left:502; top:-3;">
< align=center><IMG name=xinyu style="WIDTH: 1000px; HEIGHT: 560px" src="00.jpg"></P></v:group></DIV></TD>
<TBODY>
<TR>
<TD>
</TD></TR></TABLE>
<EMBED style="LEFT: -29px; WIDTH: 200px; POSITION: absolute; TOP: 343px; HEIGHT: 200px" align=right src=http://image.hnol.net/200504/lylh/2009jc/jc01/5.swf width=200 height=200 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
<EMBED style="LEFT: 280px; WIDTH: 650px; POSITION: absolute; TOP: 60px; HEIGHT: 450px" align=right src=http://image.hnol.net/200504/hsmyd/whd/yusixie.swf width=650 height=450 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
<EMBED width=0 height=0 type=video/x-ms-asf loop="true" autostart="true" volume="0" src="cjxt.mp3"></EMBED>
<SCRIPT language=JavaScript><!--
msg="【婷儿音画】曾经心痛 2009.11.24::";timeID=10;stcnt=16;wmsg=new Array(33);wmsg[0]=msg;blnk=" ";for(i=1;i<32;i++){b=blnk.substring(0,i);wmsg="";for(j=0;j<msg.length;j++)wmsg=wmsg+msg.charAt(j)+b;}function wiper(){if(stcnt>-1)str=wmsg[stcnt];else str=wmsg[0];if(stcnt--<-40)stcnt=31;status=str;clearTimeout(timeID);timeID=setTimeout("wiper()",100);}wiper()
//--></SCRIPT>
</table>
</body>
</html>
这个帖子用了9张图片，先要做好9张大小一样图片，把它们保存在一个文件夹中，复制一个HTML文档文件，和所用的音乐文件全部放在一个文件夹中，如下图：
用记事本打开HTML文件，清空里面以前的所有代码，把上面我给的特效代码复制/粘帖进去。修改好以后保存！再用Internet打开，浏览效果！如果有不理想的地方就适当修改一下，直到理想为止！然后上传到自己的空间，复制空间帖地址，用发空间帖的代码发到论坛就行了！ |
发表于 2010-3-29 10:59:05
