HTML+TIME帖子的代码结构
(去掉我的文字说明就是完整代码)
1。是开头代码。
(所有的HTML+TIME帖子都用。当你做帖子时先复制开头代码。)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:t =
"urn:schemas-microsoft-com:time"><HEAD><TITLE>梦里柳地特效音画</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2800.1561" name=GENERATOR>
<META http-equiv=imagetoolbar content=no>
<STYLE>.time {
BEHAVIOR: url(#default#time2)
}
t\:* {
BEHAVIOR: url(#default#time2)
}
v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>
</HEAD>
2.这段代吗是构成整个贴的底图.
变幻的色彩有黑色black;红色red;黄色yellow;蓝色blue;....最后是白色white.你可随意设置
<BODY id="body1">
<t:animateColor targetElement="body1" attributeName="backgroundColor"
values="black;red;yellow;blue;lime;green;gold;gray;white" dur="350"
autoReverse="false" begin="0" />
3.这是边框代码.(所有的HTML+TIME帖子都用复制保留)
<TBODY>
<TR>
<TD>
<DIV id=world
style="Z-INDEX: 2; LEFT: 0px; OVERFLOW: hidden; WIDTH: 1024px; POSITION: absolute;
TOP: 60px; HEIGHT: 440px">
4.图片变化代码(帖子的实质部分。灵活多样。我只介绍最基本的)
<img id="image1" src="图片1地址" style="position:absolute; left:0px; top:0;" class="time" begin="5" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image1" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image1.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="in" begin="image1.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="out" begin="image1.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>
<img id="image2" src="图片2地址" style="position:absolute; left:0px; top:0;" class="time" begin="20" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image2" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image2.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image2" type="fade" subtype="crossFade" mode="in" begin="image2.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image2" type="fade" subtype="crossFade" mode="out" begin="image2.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>
<img id="image3" src="图片3地址" style="position:absolute; left:0px; top:0;" class="time" begin="35" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image3" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image3.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image3" type="fade" subtype="crossFade" mode="in" begin="image3.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image3" type="fade" subtype="crossFade" mode="out" begin="image3.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>
<img id="image4" src="图片4地址" style="position:absolute; left:0px; top:0;" class="time" begin="40" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image4" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image3.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image4" type="fade" subtype="crossFade" mode="in" begin="image3.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image4" type="fade" subtype="crossFade" mode="out" begin="image3.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>
5.音乐代码(和HTML帖子一样)
<EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 autoplay="false"
filename="音乐地址" showdisplay="0" showcontrols="1"
showstatusbar="0" showgotobar="0" autostart="TRUE" playcount="0" volume="0"></EMBED>
6.结束代码(和开头代码相呼应。复制不动)
</td></tr></tbody></TABLE></CENTER>
</BODY>
</HTML>
[最后的说明]
1.图片的尺寸是宽=1024 高=440 内容尽量有联系。
2.做好图片上传到论坛。按顺序把地址放到图片地址里。
3.放好后把我的文字说明删掉。保存文件。上传文件取地址。
4.在论坛发表就可以了.
1
http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/a-botansisi.html
2
http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/gensoukiyou.html
3
http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/origamikabuto/origamikabuto.html
1
通过提供的3个地址可以观看很多特效了.
2
取代码.研究代码结构
3
逐渐学会套用代码
牡丹舞狮子的全代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:t =
"urn:schemas-microsoft-com:time"><HEAD><TITLE>HTML+TIME特效音画:牡丹舞狮子</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2800.1561" name=GENERATOR>
<META http-equiv=imagetoolbar content=no>
<STYLE>.time {
BEHAVIOR: url(#default#time2)
}
t\:* {
BEHAVIOR: url(#default#time2)
}
v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>
</HEAD>
<BODY onContextmenu="return false">
<?IMPORT namespace="t" implementation="#default#time2">
<BODY id="body1" text=#cccccc link="#666666" aLink=#666666 vlink="#666666" bgColor=#000000>
<BGSOUND balance=0 src="换中国锣鼓" volume=0 loop=infinite>
<t:animateColor id="color1" targetElement="body1" attributeName="background-color" to="#333333" begin="2" dur="5" autoreverse="true" />
<img class=time id="catt1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-sisi-b1.jpg" style="width:420; height:181; position:absolute; left:160; top:380; FILTER: alpha(style=2 opacity=90)" begin="5" >
<t:animate id="small1" targetElement="catt1" attributeName="width" from="420" to="420" begin="11" dur="5" fill="hold" />
<t:animate id="small2" targetElement="catt1" attributeName="height" from="181" to="0" begin="11" dur="5" fill="hold" />
<t:animateMotion id="hosei1" targetElement="catt1" from="0,0" to="0,0" begin="11" dur="5" fill="hold" />
<t:animate id="large1" targetElement="catt1" attributeName="width" from="420" to="420" begin="90" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animate id="large2" targetElement="catt1" attributeName="height" from="0" to="181" begin="90" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animateMotion id="hosei3" targetElement="catt1" from="0,0" to="0,0" begin="90" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animate id="large1" targetElement="catt1" attributeName="width" from="420" to="420" begin="100" dur="5" fill="hold" />
<t:animate id="large2" targetElement="catt1" attributeName="height" from="0" to="181" begin="100" dur="5" fill="hold" />
<t:animateMotion id="hosei3" targetElement="catt1" from="0,0" to="0,0" begin="100" dur="5" fill="hold" />
<t:animatemotion id="kyokusen1" targetelement="catt1" path="m 0 0 c 200 -70 -677 -57 604 308" begin="105" dur="20" autoreverse="true" repeatcount="indefinite" fill="hold" />
<t:transitionFilter id="Stretch1" targetElement="catt1" type="progid:DXImageTransform.Microsoft.Stretch()" mode="in" begin="112" dur="5" autoreverse="true" repeatcount="indefinite" />
<t:transitionFilter id="Pixelate1" targetElement="catt1" type="progid:DXImageTransform.Microsoft.Pixelate()" mode="in" begin="5" dur="6" autoreverse="false" repeatcount="1" />
<img class=time id="aka1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-aka.jpg" style="width:600; height:400; position:absolute; left:90; top:290; FILTER: alpha(style=2 opacity=90)" begin="5" end="100">
<t:animate id="small1" targetElement="aka1" attributeName="width" from="600" to="600" begin="11" dur="5" fill="hold" />
<t:animate id="small2" targetElement="aka1" attributeName="height" from="400" to="0" begin="11" dur="5" fill="hold" />
<t:animateMotion id="hosei1" targetElement="aka1" from="0,0" to="0,100" begin="11" dur="5" fill="hold" />
<t:animate id="large1" targetElement="aka1" attributeName="width" from="600" to="600" begin="90" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animate id="large2" targetElement="aka1" attributeName="height" from="0" to="400" begin="90" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animateMotion id="hosei3" targetElement="aka1" from="0,0" to="0,-100" begin="90" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:transitionFilter id="Pixelate1" targetElement="aka1" type="progid:DXImageTransform.Microsoft.Pixelate()" mode="in" begin="5" dur="6" autoreverse="false" repeatcount="1" />
<img id="k"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-k.jpg" style="width:1150; height:750; position:absolute; left:0; top:0; FILTER: alpha(style=2 opacity=90)" class="time" begin="23" end="50">
<t:transitionFilter id="barnDoorWipe1" targetElement="k" type="barnDoorWipe" subtype="horizontal" mode="in" begin="23" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="barnDoorWipe2" targetElement="k" type="barnDoorWipe" subtype="horizontal" mode="out" begin="45" dur="5" autoreverse="true" repeatcount="1" />
<img id="aka2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-aka2.jpg" style="width:1150; height:750; position:absolute; left:0; top:0; FILTER: alpha(style=2 opacity=90)" class="time" begin="45" end="65">
<t:transitionFilter id="barnDoorWipe1" targetElement="aka2" type="barnDoorWipe" subtype="horizontal" mode="in" begin="45" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="barnDoorWipe2" targetElement="aka2" type="barnDoorWipe" subtype="horizontal" mode="out" begin="60" dur="5" autoreverse="true" repeatcount="1" />
<img id="ao1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-ao.jpg" style="width:1150; height:750; position:absolute; left:0; top:0; FILTER: alpha(style=2 opacity=90)" class="time" begin="60" end="80">
<t:transitionFilter id="barnDoorWipe1" targetElement="ao1" type="barnDoorWipe" subtype="horizontal" mode="in" begin="60" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="ellipseWipe2" targetElement="ao1" type="ellipseWipe" subtype="circle" mode="out" begin="75" dur="5" autoreverse="false" repeatcount="1" />
<img class=time id="botan2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-botan-2.jpg" style=" position:absolute; left:350; top:170; FILTER: alpha(style=2 opacity=90)" begin="30">
<t:transitionFilter id="barnDoorWipe1" targetElement="botan2" type="barnDoorWipe" subtype="horizontal" mode="in" begin="30" dur="5" autoreverse="false" repeatcount="1" />
<t:animateMotion id="hosei3" targetElement="botan2" from="0,0" to="-350,-170" begin="85" dur="5" fill="hold" />
<img class=time id="botan3" src="catt-botan-2.jpg" style=" position:absolute; left:0; top:0; FILTER: alpha(style=2 opacity=90)" begin="95">
<t:transitionFilter id="Pixelate1" targetElement="botan3" type="progid:DXImageTransform.Microsoft.Pixelate()" mode="in" begin="95" dur="5" autoreverse="false" repeatcount="1" />
<img class=time id="cyou1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-cyou-2b.jpg" style=" position:absolute; left:120; top:50; FILTER: alpha(style=2 opacity=90) " begin="100">
<t:transitionFilter id="Pixelate1" targetElement="cyou1" type="progid:DXImageTransform.Microsoft.Pixelate()" mode="in" begin="100" dur="5" autoreverse="false" repeatcount="1" />
<t:animatemotion id="kyokusen1" targetelement="cyou1" path="m 0 0 c 190 -176 -367 -49 585 401" begin="110" dur="15" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="botan1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-botan-1.jpg" style=" position:absolute; right:0; bottom:0; FILTER: alpha(style=2 opacity=90) " begin="95">
<t:transitionFilter id="Pixelate1" targetElement="botan1" type="progid:DXImageTransform.Microsoft.Pixelate()" mode="in" begin="95" dur="5" autoreverse="false" repeatcount="1" />
<img class=time id="cyou2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-cyou-1.jpg" style=" position:absolute; left:810; top:500; FILTER: alpha(style=2 opacity=90) " begin="100">
<t:transitionFilter id="Pixelate1" targetElement="cyou2" type="progid:DXImageTransform.Microsoft.Pixelate()" mode="in" begin="100" dur="5" autoreverse="false" repeatcount="1" />
<t:animatemotion id="kyokusen1" targetelement="cyou2" path="m 0 0 c 104 -22 1 206 -586 -290" begin="110" dur="15" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img id="catt2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-sisi-b.jpg" style="position:absolute; left:400; top:100; FILTER: alpha(style=2 opacity=90)" class="time" begin="30">
<t:transitionFilter id="Pixelate1" targetElement="catt2" type="progid:DXImageTransform.Microsoft.Pixelate()" mode="in" begin="30" dur="5" autoreverse="false" repeatcount="2" />
<t:transitionFilter id="Stretch1" targetElement="catt2" type="progid:DXImageTransform.Microsoft.Stretch()" mode="in" begin="40" dur="3" autoreverse="true" repeatcount="4" />
<t:animateMotion id="hosei1" targetElement="catt2" from="0,0" to="350,0" begin="43" dur="5" autoreverse="true" repeatcount="3" fill="hold" />
<t:animate id="small1" targetElement="catt2" attributeName="width" from="326" to="0" begin="75" dur="10" fill="hold" />
<t:animate id="small2" targetElement="catt2" attributeName="height" from="257" to="0" begin="75" dur="10" fill="hold" />
<t:animateMotion id="hosei1" targetElement="catt2" from="0,0" to="163,200" begin="75" dur="10" fill="hold" />
<img class=time id="aka3"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-aka.jpg" style="width:0; height:0; position:absolute; left:150; top:390; FILTER: alpha(style=2 opacity=90)" begin="16">
<t:animate id="large1" targetElement="aka3" attributeName="width" from="584" to="584" begin="16" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animate id="large2" targetElement="aka3" attributeName="height" from="0" to="500" begin="16" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animateMotion id="hosei3" targetElement="aka3" from="0,0" to="0,-400" begin="16" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animate id="large1" targetElement="aka3" attributeName="width" from="584" to="384" begin="26" dur="2" fill="hold" />
<t:animate id="large2" targetElement="aka3" attributeName="height" from="0" to="100" begin="26" dur="2" fill="hold" />
<t:animateMotion id="hosei3" targetElement="aka3" from="0,0" to="100,-30" begin="26" dur="2" fill="hold" />
<t:animatemotion id="kyokusen1" targetelement="aka3" path="m 0 0 c 200 -70 -677 -57 604 308" begin="28" dur="7" autoreverse="true" repeatcount="3" fill="hold" />
<t:animate id="small1" targetElement="aka3" attributeName="width" from="384" to="584" begin="80" dur="10" fill="hold" />
<t:animate id="small2" targetElement="aka3" attributeName="height" from="100" to="0" begin="80" dur="10" fill="hold" />
<t:animateMotion id="hosei1" targetElement="aka3" from="0,0" to="-100,30" begin="80" dur="10" fill="hold" />
<t:animate id="large1" targetElement="aka3" attributeName="width" from="584" to="584" begin="90" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animate id="large2" targetElement="aka3" attributeName="height" from="0" to="500" begin="90" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animateMotion id="hosei3" targetElement="aka3" from="0,0" to="-100,-400" begin="90" dur="5" autoreverse="true" repeatcount="1" fill="hold" />
<t:animate id="large1" targetElement="aka3" attributeName="width" from="584" to="584" begin="100" dur="5" fill="hold" />
<t:animate id="large2" targetElement="aka3" attributeName="height" from="0" to="500" begin="100" dur="5" fill="hold" />
<t:animateMotion id="hosei3" targetElement="aka3" from="0,0" to="0,-400" begin="100" dur="5" fill="hold" />
<t:animatemotion id="kyokusen1" targetelement="aka3" path="m 0 0 c 200 -70 -677 -57 604 308" begin="105" dur="20" autoreverse="true" repeatcount="indefinite" fill="hold" />
<img id="catt3"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-sisi-b.gif" style="width:0; height:0; position:absolute; left:250; top:390;">
<t:animate id="large1" targetElement="catt3" attributeName="width" from="326" to="326" begin="16" dur="5" fill="hold" />
<t:animate id="large2" targetElement="catt3" attributeName="height" from="0" to="257" begin="16" dur="5" fill="hold" />
<t:animateMotion id="hosei3" targetElement="catt3" from="0,0" to="0,-257" begin="16" dur="5" fill="hold" />
<t:transitionFilter id="Stretch1" targetElement="catt3" type="progid:DXImageTransform.Microsoft.Stretch()" mode="in" begin="22" dur="3" autoreverse="true" repeatcount="1" />
<t:animatemotion id="kyokusen1" targetelement="catt3" path="m 0 0 c 200 -70 -677 -57 604 308" begin="28" dur="7" autoreverse="true" repeatcount="3" fill="hold" />
<t:transitionFilter id="Stretch1" targetElement="catt3" type="progid:DXImageTransform.Microsoft.Stretch()" mode="in" begin="36" dur="3" autoreverse="true" repeatcount="5" />
<t:animate id="small1" targetElement="catt3" attributeName="width" from="326" to="326" begin="85" dur="5" autoreverse="true" repeatcount="2" fill="hold" />
<t:animate id="small2" targetElement="catt3" attributeName="height" from="257" to="0" begin="85" dur="5" autoreverse="true" repeatcount="2" fill="hold" />
<t:animateMotion id="hosei1" targetElement="catt3" from="0,0" to="0,257" begin="85" dur="5" autoreverse="true" repeatcount="2" fill="hold" />
<t:animatemotion id="kyokusen1" targetelement="catt3" path="m 0 0 c 200 -70 -677 -57 604 308" begin="105" dur="20" autoreverse="true" repeatcount="indefinite" fill="hold" />
<t:transitionFilter id="Stretch1" targetElement="catt3" type="progid:DXImageTransform.Microsoft.Stretch()" mode="in" begin="112" dur="5" autoreverse="true" repeatcount="50" />
<img id="ao2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-ao.jpg" style="width:1400; height:500; position:absolute; left:-100; bottom:-100; FILTER: alpha(style=2 opacity=90)" class="time" begin="110">
<t:transitionFilter id="fade1" targetElement="ao2" type="fade" subtype="crossFade" mode="in" begin="110" dur="10" autoreverse="false" repeatcount="1" />
<img id="moji"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-moji.gif" style="position:absolute; right:5; bottom:150;" class="time" begin="120">
<t:transitionFilter id="slideWipe1" targetElement="moji" type="slideWipe" subtype="fromLeft" mode="in" begin="120" dur="30" autoreverse="false" repeatcount="1" />
<DIV class=time id=div1
style="LEFT: 0px; WIDTH: 55%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #880000" end="13"></DIV>
<DIV class=time id=div2
style="RIGHT: 0px; WIDTH: 55%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #880000" end="13"></DIV>
</DIV>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" />
<t:animate id=open1 attributeName = "left" from = "0" targetElement = "div1" to = "-700" autoReverse = "false" begin = "1" dur = "12" fill = "hold"></t:animate>
<t:animate id=open2 attributeName = "right" from = "0" targetElement = "div2" to = "-700" autoReverse = "false" begin = "1" dur = "12" fill = "hold"></t:animate>
<img class=time id="moji2"
src="
http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/a-botansisi/catt-botan-t-moji.gif" style="position:absolute; LEFT:810; TOP:160;" class="time" begin="0" end="25">
<t:transitionFilter id="fade1" targetElement="moji2" type="fade" subtype="crossFade" mode="in" begin="0" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="Stretch1" targetElement="moji2" type="progid:DXImageTransform.Microsoft.Stretch()" mode="in" begin="10" dur="5" autoreverse="true" repeatcount="2" />
<t:animateMotion id="hosei1" targetElement="moji2" from="0,0" to="-550,0" begin="1" dur="9" autoreverse="false" repeatcount="0" fill="hold" />
<t:animateMotion id="hosei1" targetElement="moji2" from="0,0" to="0,-400" begin="13" dur="12" autoreverse="false" repeatcount="0" fill="hold" />
<t:transitionFilter id="Stretch1" targetElement="moji2" type="progid:DXImageTransform.Microsoft.Stretch()" mode="in" begin="1" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="namu" type="fade" subtype="crossFade" mode="in" begin="150" dur="10" autoreverse="false" repeatcount="1" />
</BODY></HTML>
<HTML><HEAD><TITLE>梦圆音画</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY background=http://images22.51.com/6000/cxg0002000/db804584c8eb5a63159204cbca9dc506.jpg>
<STYLE type=text/css>IMG {
LEFT: -10000px; POSITION: absolute
}
</STYLE>
<SCRIPT type=text/javascript>
window.onerror = new Function("return true");
document.onselectstart = new Function("return false");
screen.bufferDepth = 16;
Z = 100;
xm = 0;
xmm = .25;
ymm = 0;
ym = 0;
mx = 0;
nx = 0;
ny = 0;
nx2 = 0;
ny2 = 0;
xR = 0;
cL = false;
zI = 0;
nI = 0;
k = Math.PI / 180;
img = 0;
function run(){
xm += (xmm - xm) / 10;
if(ym<nx2*.5)ym++;
xR += xm;
for(i=0;i<nI;i++){
A = (i * 360 / nI) + xR;
x = Math.cos(A * k);
y = Math.sin(A * k);
w = Math.abs(y * ym) + y * Z;
with(img[i].style){
width = Math.abs(y * ym) + y * Z;
left = nx2 + x * (nx2 - (nx * .05)) - (w * .5);
height = ym + y * Z;
top = ny2 - (ym * .5) - y * (Z * .5) - (ymm * y);
zIndex = 10000 + Math.round(y);
}
}
setTimeout("run();", 16);
}
function resize() {
nx = document.body.clientWidth;
ny = document.body.clientHeight;
nx2 = Math.round(nx / 2);
ny2 = Math.round(ny / 2);
}
onresize = resize;
onload = function() {
img = document.getElementById("IMG").getElementsByTagName("img");
nI = img.length;
resize();
document.onmousemove = function(e){
if (window.event) e = window.event;
xmm = (nx2 - (e.x || e.clientX)) / (nx*.25);
ymm = (ny2 - (e.y || e.clientY)) / (ny*.005);
}
ym = Z;
run();
}
//-->
</SCRIPT>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<DIV id=IMG><IMG src="http://images22.51.com/6000/cxg0002000/fc9f7f8115e447b12aed02ce5f2d2b99.jpg"> <IMG
src="http://images22.51.com/6000/cxg0002000/74132b91348bcced9bfcd2c41356c7fd.jpg" > <IMG
src="http://images22.51.com/6000/cxg0002000/55157f943b5c6a229d00bc8dd1ef9fb3.jpg"> <IMG
src="http://images22.51.com/6000/cxg0002000/f9003595cd0dbd984592248701bec1da.jpg"> <IMG
src="http://images22.51.com/6000/cxg0002000/d94d497143d75a095ce9f53198a7be41.jpg"> <IMG
src="http://images22.51.com/6000/cxg0002000/e84eb91cdfca8fe8ef0377f3b0638590.jpg"> <IMG
src="http://images22.51.com/6000/cxg0002000/d0a8afdb1f39e3ed74a8878d5ebb7576.jpg"> <IMG
src="http://images22.51.com/6000/cxg0002000/5218b7fb452ac4af5ad1c23c30489273.jpg"> </DIV><!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 --><SPAN
id=LB0 style="LEFT: 50%; POSITION: absolute; TOP: 50%"><SPAN
style="FONT-SIZE: 10px; LEFT: -50px; COLOR: #ffffff; FONT-FAMILY: arial; POSITION: absolute; TOP: -18px">Loading...</SPAN>
<SPAN
style="FONT-SIZE: 1px; BACKGROUND: #333; LEFT: -50px; WIDTH: 100px; POSITION: absolute; TOP: -5px; HEIGHT: 10px"><SPAN
id=LB1
style="FONT-SIZE: 1px; BACKGROUND: #ffffff; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 10px"></SPAN></SPAN></SPAN>
<SCRIPT>m00=document.getElementById("IMG").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100);if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</SCRIPT>
<!-- end of images_loading_bar code -->
<SCRIPT>var from = 1;
var to = 12;
var delay = 90;
var glowColor = "d3d3be";
var i = to;
var j = 0;
textPulseDown();
function textPulseUp()
{
if (!document.all)
return
if (i < to)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i++;
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
if (i = to)
{
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}
}
function textPulseDown()
{
if (!document.all)
return
if (i > from)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}
if (i = from)
{
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
}
</SCRIPT>
<BGSOUND balance=0 src="http://219.133.46.33/webeditor/uploadfile/20070915/20070915193137811.mp3" volume=-240 loop=infinite>
</FONT></BODY></HTML>
1.换背景图片
其他图片未做变动
http://upload.ouliu.net/story/eca203a61b1eef56ff6dcaf8ad2f8111.txt
呵呵,来 偷了 ~谢谢![:dd51:] 梦里柳地上图片 学习来了!!谢谢梦里老师!! 舞狮[quote]原帖由 美霞 于 2008-9-30 21:02 发表
学习来了!!谢谢梦里老师!! [/quote
欢迎学习.谢谢就免了.节日快乐!!!
shan pp现在学这个帖子 幻想曲
2
http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/gensoukiyou.html
HTML+TIME幻想曲的全代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:t =
"urn:schemas-microsoft-com:time"><HEAD><TITLE>梦里柳地翻译日本Html+Time:幻想曲 </TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2800.1561" name=GENERATOR>
<META http-equiv=imagetoolbar content=no>
<STYLE>.time {
BEHAVIOR: url(#default#time2)
}
t\:* {
BEHAVIOR: url(#default#time2)
}
v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>
</HEAD>
<META content="MSHTML 6.00.2715.400" name=GENERATOR></HEAD>
<?IMPORT namespace="t" implementation="#default#time2">
<BODY onContextmenu="return false">
<BODY id="body1" bgColor=#000000 onload=STAR_WARS()>
<BGSOUND balance=0 src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/gsls.mid" volume=0 loop=infinite>
<t:animateColor id="color1" targetElement="body1" attributeName="background-color" to="#330000" begin="5" dur="15" autoreverse="true" />
<t:animateColor id="color2" targetElement="body1" attributeName="background-color" to="#000033" begin="120" dur="15" autoreverse="true" />
<SCRIPT language=JavaScript>
<!--
function viewSource(){
location = "view-source:" + window.location;
}
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
function STAR_WARS(){
myc1=Math.round(255*Math.random());
myc2=Math.round(255*Math.random());
myc3=Math.round(255*Math.random());
mycol1=myc1.toString(16);
mycol2=myc2.toString(16);
mycol3=myc3.toString(16);
mycol4="#"+mycol1+mycol2+mycol3;
mytext.filters["light"].Clear();
mytext.filters["light"].addAmbient(myc1,myc2,myc3,100);
timeID=setTimeout("STAR_WARS()",1000);
}
//-->
</SCRIPT>
<img class=time id="bk3" src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-hasu-bk-1.jpg" style=" position:absolute; left:250; top:0;" begin="220">
<t:transitionFilter id="fade1" targetElement="bk3" type="fade" subtype="crossFade" mode="in" begin="220" dur="10" autoreverse="false" repeatcount="1" />
<DIV class=time id=mytext
style="FILTER: light(); left: 380px; POSITION: absolute; TOP: 60px;" begin="250" >
<IMG
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-tnniyo-1.gif"></DIV>
<img class=time id="p4"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-c4.jpg" style="width:310; height:468; position:absolute; left:100; top:100;" begin="2" end="158">
<t:transitionFilter id="fade1" targetElement="p4" type="fade" subtype="crossFade" mode="in" begin="2" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade2" targetElement="p4" type="fade" subtype="crossFade" mode="out" begin="153" dur="5" autoreverse="false" repeatcount="1" />
<img class=time id="p5"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-c5.jpg" style="width:62; height:468; position:absolute; left:410; top:100;" begin="0" end="118">
<t:transitionFilter id="fade1" targetElement="p5" type="fade" subtype="crossFade" mode="in" begin="0" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade2" targetElement="p5" type="fade" subtype="crossFade" mode="out" begin="113" dur="5" autoreverse="false" repeatcount="1" />
<img class=time id="p5b"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-c5.gif" style="width:62; height:468; position:absolute; left:410; top:100;" begin="0" end="118">
<t:transitionFilter id="fade1" targetElement="p5b" type="fade" subtype="crossFade" mode="in" begin="0" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade2" targetElement="p5b" type="fade" subtype="crossFade" mode="out" begin="113" dur="5" autoreverse="false" repeatcount="1" />
<img class=time id="p3"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-c3.jpg" style="width:310; height:468; position:absolute; left:100; top:100;" begin="60" end="110">
<t:animate id="small1" targetElement="p3" attributeName="width" from="310" to="0" begin="95" dur="15" fill="hold" />
<t:animate id="small2" targetElement="p3" attributeName="height" from="468" to="468" begin="95" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="p3" from="0,0" to="310,0" begin="95" dur="15" fill="hold" />
<t:transitionFilter id="fade1" targetElement="p3" type="fade" subtype="crossFade" mode="in" begin="60" dur="10" autoreverse="false" repeatcount="1" />
<img class=time id="p1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-c1.jpg" style="width:310; height:468; position:absolute; left:100; top:100;" begin="0" end="105">
<t:animate id="small1" targetElement="p1" attributeName="width" from="310" to="0" begin="30" dur="15" fill="hold" />
<t:animate id="small2" targetElement="p1" attributeName="height" from="468" to="468" begin="30" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="p1" from="0,0" to="310,0" begin="30" dur="15" fill="hold" />
<t:transitionFilter id="fade1" targetElement="p1" type="fade" subtype="crossFade" mode="in" begin="0" dur="2" autoreverse="false" repeatcount="1" />
<t:animate id="large1" targetElement="p1" attributeName="width" from="0" to="310" begin="45" dur="15" fill="hold" />
<t:animate id="large2" targetElement="p1" attributeName="height" from="468" to="468" begin="45" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="p1" from="0,0" to="0,0" begin="45" dur="15" fill="hold" />
<img class=time id="p2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-c2.jpg" style="width:310; height:468; position:absolute; left:100; top:100;" begin="45" end="158">
<t:animate id="small1" targetElement="p2" attributeName="width" from="310" to="0" begin="60" dur="15" fill="hold" />
<t:animate id="small2" targetElement="p2" attributeName="height" from="468" to="468" begin="60" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="p2" from="0,0" to="310,0" begin="60" dur="15" fill="hold" />
<t:transitionFilter id="fade1" targetElement="p2" type="fade" subtype="crossFade" mode="in" begin="45" dur="10" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade2" targetElement="p2" type="fade" subtype="crossFade" mode="out" begin="153" dur="5" autoreverse="false" repeatcount="1" />
<t:animate id="large1" targetElement="p2" attributeName="width" from="0" to="310" begin="75" dur="15" fill="hold" />
<t:animate id="large2" targetElement="p2" attributeName="height" from="468" to="468" begin="75" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="p2" from="0,0" to="0,0" begin="75" dur="15" fill="hold" />
<img id="bk1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-bk2.jpg" style="position:absolute; left:100; top:100;" class="time" begin="153" end="220">
<t:transitionFilter id="fade1" targetElement="bk1" type="fade" subtype="crossFade" mode="in" begin="153" dur="7" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade2" targetElement="bk1" type="fade" subtype="crossFade" mode="out" begin="210" dur="10" autoreverse="false" repeatcount="1" />
<img class=time id="bk2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-cyou-b1.jpg" style="width:0; height:0; position:absolute; left:530; top:290;" begin="160" >
<t:animate id="large1" targetElement="bk2" attributeName="width" from="0" to="240" begin="160" dur="15" fill="hold" />
<t:animate id="large2" targetElement="bk2" attributeName="height" from="0" to="253" begin="160" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="bk2" from="0,0" to="-120,-126" begin="160" dur="15" fill="hold" />
<t:animate id="small1" targetElement="bk2" attributeName="width" from="242" to="0" begin="200" dur="15" fill="hold" />
<t:animate id="small2" targetElement="bk2" attributeName="height" from="253" to="0" begin="200" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="bk2" from="0,0" to="120,126" begin="200" dur="15" fill="hold" />
<img class=time id="moji"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-moji.gif" style="width:310; height:468; position:absolute; left:100; top:100;" begin="0" end="25">
<t:transitionFilter id="slideWipe1" targetElement="moji" type="slideWipe" subtype="fromLeft" mode="in" begin="0" dur="20" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade2" targetElement="moji" type="fade" subtype="crossFade" mode="out" begin="20" dur="5" autoreverse="false" repeatcount="1" />
<img class=time id="ao3"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-ao2.jpg" style="width:450; height:650; position:absolute; left:300; top:-50; FILTER: alpha(style=2 opacity=90)" begin="220" end="260">
<t:transitionFilter id="fanWipe1" targetElement="ao3" type="fanWipe" subtype="centerTop" mode="in" begin="220" dur="10" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade2" targetElement="ao3" type="fade" subtype="crossFade" mode="out" begin="250" dur="10" autoreverse="false" repeatcount="1" />
<img class=time id="t2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-tnniyo-1.gif" style="width:310; height:468; position:absolute; left:100; top:100;" begin="22" end="250">
<t:animate id="small1" targetElement="t2" attributeName="width" from="310" to="0" begin="30" dur="15" fill="hold" />
<t:animate id="small2" targetElement="t2" attributeName="height" from="468" to="468" begin="30" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="t2" from="0,0" to="310,0" begin="30" dur="15" fill="hold" />
<t:animate id="large1" targetElement="t2" attributeName="width" from="0" to="310" begin="45" dur="15" fill="hold" />
<t:animate id="large2" targetElement="t2" attributeName="height" from="468" to="468" begin="45" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="t2" from="0,0" to="0,0" begin="45" dur="15" fill="hold" />
<t:transitionFilter id="Pixelate1" targetElement="t2" type="progid:DXImageTransform.Microsoft.Pixelate()" mode="in" begin="22" dur="5" autoreverse="false" repeatcount="1" />
<t:animate id="small1" targetElement="t2" attributeName="width" from="310" to="0" begin="75" dur="15" fill="hold" />
<t:animate id="small2" targetElement="t2" attributeName="height" from="468" to="0" begin="75" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="t2" from="0,0" to="135,190" begin="75" dur="15" fill="hold" />
<t:animate id="large1" targetElement="t2" attributeName="width" from="0" to="279" begin="200" dur="15" fill="hold" />
<t:animate id="large2" targetElement="t2" attributeName="height" from="0" to="421.2" begin="200" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="t2" from="0,0" to="-139.5,-210.6" begin="200" dur="15" fill="hold" />
<t:transitionFilter id="Stretch1" targetElement="t2" type="progid:DXImageTransform.Microsoft.Stretch()" mode="in" begin="230" dur="10" autoreverse="false" repeatcount="1" />
<img class=time id="cyou1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-cyou-4.jpg" style="width:0; height:0; position:absolute; left:530; top:250; FILTER: alpha(style=2 opacity=90)" begin="180" >
<t:animate id="large1" targetElement="cyou1" attributeName="width" from="0" to="181" begin="180" dur="10" fill="hold" />
<t:animate id="large2" targetElement="cyou1" attributeName="height" from="0" to="141" begin="180" dur="10" fill="hold" />
<t:animateMotion id="hosei1" targetElement="cyou1" from="0,0" to="-220,130" begin="180" dur="10" fill="hold" />
<t:animatemotion id="kyokusen1" targetelement="cyou1" path="m 0 0 c -310 -300 -295 170 250 -80" begin="191" dur="10" autoreverse="true" repeatcount="1" fill="hold" />
<t:animatemotion id="kyokusen1" targetelement="cyou1" path="m 0 0 c -350 -350 -295 170 600 -250" begin="211" dur="15" autoreverse="true" repeatcount="indefinite" fill="hold" />
<img class=time id="ao1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-ao2.jpg" style="width:0; height:0; position:absolute; left:255; top:334; FILTER: alpha(style=2 opacity=90)" begin="180" end="230">
<t:animate id="large1" targetElement="ao1" attributeName="width" from="0" to="310" begin="180" dur="5" fill="hold" />
<t:animate id="large2" targetElement="ao1" attributeName="height" from="0" to="468" begin="180" dur="5" fill="hold" />
<t:animateMotion id="hosei1" targetElement="ao1" from="0,0" to="-155,-234" begin="180" dur="5" fill="hold" />
<t:transitionFilter id="fade2" targetElement="ao1" type="fade" subtype="crossFade" mode="out" begin="220" dur="10" autoreverse="false" repeatcount="1" />
<img id="moji2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-tuki-moji2.gif" style="position:absolute; left:100; top:100;" class="time" begin="110" end="230">
<t:transitionFilter id="slideWipe1" targetElement="moji2" type="slideWipe" subtype="fromLeft" mode="in" begin="110" dur="43" autoreverse="false" repeatcount="1" />
<t:animateMotion id="hosei1" targetElement="moji2" from="0,0" to="0,60" begin="175" dur="3" fill="hold" />
<t:transitionFilter id="fade2" targetElement="moji2" type="fade" subtype="crossFade" mode="out" begin="220" dur="10" autoreverse="false" repeatcount="1" />
<img class=time id="moji1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-tuki-moji1.gif" style="width:310; height:468; position:absolute; left:100; top:100;" begin="85" end="230">
<t:animate id="small1" targetElement="moji1" attributeName="width" from="310" to="0" begin="95" dur="15" fill="hold" />
<t:animate id="small2" targetElement="moji1" attributeName="height" from="468" to="468" begin="95" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="moji1" from="0,0" to="310,0" begin="95" dur="15" fill="hold" />
<t:transitionFilter id="fade1" targetElement="moji1" type="fade" subtype="crossFade" mode="in" begin="85" dur="10" autoreverse="false" repeatcount="1" />
<t:animate id="large1" targetElement="moji1" attributeName="width" from="0" to="310" begin="110" dur="8" fill="hold" />
<t:animate id="large2" targetElement="moji1" attributeName="height" from="468" to="468" begin="110" dur="8" fill="hold" />
<t:animateMotion id="hosei1" targetElement="moji1" from="0,0" to="100,-80" begin="110" dur="8" fill="hold" />
<t:animateMotion id="hosei1" targetElement="moji1" from="0,0" to="-5,90" begin="175" dur="3" fill="hold" />
<t:transitionFilter id="fade2" targetElement="moji1" type="fade" subtype="crossFade" mode="out" begin="220" dur="10" autoreverse="false" repeatcount="indefinite" />
<img class=time id="a1"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-hasu-a1.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="240">
<t:animatemotion id="kyokusen1" targetelement="a1" path="m 0 0 c -274 -350 -340 25 -582 -332" begin="240" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-hasu-a2.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="242">
<t:animatemotion id="kyokusen1" targetelement="a2" path="m 0 0 c -85 172 -431 -300 -590 490" begin="242" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a3"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-hasu-a1.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="244">
<t:animatemotion id="kyokusen1" targetelement="a3" path="m 0 0 c 274 -202 340 250 582 -332" begin="244" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a4"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-hasu-a2.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="246">
<t:animatemotion id="kyokusen1" targetelement="a4" path="m 0 0 c 85 172 431 -150 590 450" begin="246" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a5"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-hasu-a1.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="248">
<t:animatemotion id="kyokusen1" targetelement="a5" path="m 0 0 c -274 -300 340 150 -582 -400" begin="248" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a6"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-hasu-a2.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="250">
<t:animatemotion id="kyokusen1" targetelement="a6" path="m 0 0 c -185 250 -460 -200 -590 500" begin="250" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a7"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-hasu-a1.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="252">
<t:animatemotion id="kyokusen1" targetelement="a7" path="m 0 0 c 274 -50 340 150 600 -400" begin="252" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="ao2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-ao2.jpg" style="width:420; height:320; position:absolute; right:-30; bottom:-30; FILTER: alpha(style=2 opacity=90)" begin="240" >
<t:transitionFilter id="fanWipe1" targetElement="ao2" type="fanWipe" subtype="centerTop" mode="in" begin="240" dur="10" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fanWipe1" targetElement="layer6" type="fanWipe" subtype="centerTop" mode="in" begin="240" dur="10" autoreverse="false" repeatcount="1" />
</BODY></HTML>
通过点开蓝色地址.
我们可以知道那些可以保留.
那些可以替换自己做的图片.
这就是学套用方法了.
套用代码我做幻想曲
简化幻想曲的代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:t =
"urn:schemas-microsoft-com:time"><HEAD><TITLE>梦里柳地简化:幻想曲 </TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2800.1561" name=GENERATOR>
<META http-equiv=imagetoolbar content=no>
<STYLE>.time {
BEHAVIOR: url(#default#time2)
}
t\:* {
BEHAVIOR: url(#default#time2)
}
v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>
</HEAD>
<META content="MSHTML 6.00.2715.400" name=GENERATOR></HEAD>
<?IMPORT namespace="t" implementation="#default#time2">
<BODY onContextmenu="return false">
<BODY id="body1" bgColor=#000000 onload=STAR_WARS()>
<BGSOUND balance=0 src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/gsls.mid" volume=0 loop=infinite>
<t:animateColor id="color1" targetElement="body1" attributeName="background-color" to="#330000" begin="5" dur="15" autoreverse="true" />
<t:animateColor id="color2" targetElement="body1" attributeName="background-color" to="#000033" begin="120" dur="15" autoreverse="true" />
<SCRIPT language=JavaScript>
<!--
function viewSource(){
location = "view-source:" + window.location;
}
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
function STAR_WARS(){
myc1=Math.round(255*Math.random());
myc2=Math.round(255*Math.random());
myc3=Math.round(255*Math.random());
mycol1=myc1.toString(16);
mycol2=myc2.toString(16);
mycol3=myc3.toString(16);
mycol4="#"+mycol1+mycol2+mycol3;
mytext.filters["light"].Clear();
mytext.filters["light"].addAmbient(myc1,myc2,myc3,100);
timeID=setTimeout("STAR_WARS()",1000);
}
//-->
</SCRIPT>
<img class=time id="bk3" src="http://bbs.yunbbs.com/attachments/month_0810/20081001_b0a569ac2201ed72b41fXriFnURF1v2k.jpg" style=" position:absolute; left:250; top:0;" begin="220">
<t:transitionFilter id="fade1" targetElement="bk3" type="fade" subtype="crossFade" mode="in" begin="220" dur="10" autoreverse="false" repeatcount="1" />
<DIV class=time id=mytext
style="FILTER: light(); left: 380px; POSITION: absolute; TOP: 60px;" begin="250" >
<IMG
src="
http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-tnniyo-1.gif">
</DIV>
<img class=time id="t2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-fue-tnniyo-1.gif" style="width:310; height:468; position:absolute; left:100; top:100;" begin="0" end="250">
<t:animate id="small1" targetElement="t2" attributeName="width" from="310" to="0" begin="30" dur="15" fill="hold" />
<t:animate id="small2" targetElement="t2" attributeName="height" from="468" to="468" begin="30" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="t2" from="0,0" to="310,0" begin="30" dur="15" fill="hold" />
<t:animate id="large1" targetElement="t2" attributeName="width" from="0" to="310" begin="45" dur="15" fill="hold" />
<t:animate id="large2" targetElement="t2" attributeName="height" from="468" to="468" begin="45" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="t2" from="0,0" to="0,0" begin="45" dur="15" fill="hold" />
<t:transitionFilter id="Pixelate1" targetElement="t2" type="progid:DXImageTransform.Microsoft.Pixelate()" mode="in" begin="22" dur="5" autoreverse="false" repeatcount="1" />
<t:animate id="small1" targetElement="t2" attributeName="width" from="310" to="0" begin="75" dur="15" fill="hold" />
<t:animate id="small2" targetElement="t2" attributeName="height" from="468" to="0" begin="75" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="t2" from="0,0" to="135,190" begin="75" dur="15" fill="hold" />
<t:animate id="large1" targetElement="t2" attributeName="width" from="0" to="279" begin="200" dur="15" fill="hold" />
<t:animate id="large2" targetElement="t2" attributeName="height" from="0" to="421.2" begin="200" dur="15" fill="hold" />
<t:animateMotion id="hosei1" targetElement="t2" from="0,0" to="-139.5,-210.6" begin="200" dur="15" fill="hold" />
<t:transitionFilter id="Stretch1" targetElement="t2" type="progid:DXImageTransform.Microsoft.Stretch()" mode="in" begin="230" dur="10" autoreverse="false" repeatcount="1" />
<img class=time id="cyou1"
src="http://bbs.yunbbs.com/attachments/month_0810/20081001_a017d9dc5ae0d377d78fasdCvX4P9guk.gif" style="width:0; height:0; position:absolute; left:530; top:250; FILTER: alpha(style=2 opacity=90)" begin="50" >
<t:animate id="large1" targetElement="cyou1" attributeName="width" from="0" to="181" begin="180" dur="10" fill="hold" />
<t:animate id="large2" targetElement="cyou1" attributeName="height" from="0" to="141" begin="180" dur="10" fill="hold" />
<t:animateMotion id="hosei1" targetElement="cyou1" from="0,0" to="-220,130" begin="180" dur="10" fill="hold" />
<t:animatemotion id="kyokusen1" targetelement="cyou1" path="m 0 0 c -310 -300 -295 170 250 -80" begin="191" dur="10" autoreverse="true" repeatcount="1" fill="hold" />
<t:animatemotion id="kyokusen1" targetelement="cyou1" path="m 0 0 c -350 -350 -295 170 600 -250" begin="211" dur="15" autoreverse="true" repeatcount="indefinite" fill="hold" />
<img class=time id="ao1"
src="http://bbs.yunbbs.com/attachments/month_0810/20081001_9ab99cca9649f3346c4d2Q7yA5QzPi5L.gif" style="width:0; height:0; position:absolute; left:255; top:334; FILTER: alpha(style=2 opacity=90)" begin="50" end="100">
<t:animate id="large1" targetElement="ao1" attributeName="width" from="0" to="310" begin="180" dur="5" fill="hold" />
<t:animate id="large2" targetElement="ao1" attributeName="height" from="0" to="468" begin="180" dur="5" fill="hold" />
<t:animateMotion id="hosei1" targetElement="ao1" from="0,0" to="-155,-234" begin="180" dur="5" fill="hold" />
<t:transitionFilter id="fade2" targetElement="ao1" type="fade" subtype="crossFade" mode="out" begin="220" dur="10" autoreverse="false" repeatcount="1" />
<img class=time id="a1"
src="http://bbs.yunbbs.com/attachments/month_0810/20081001_a906b57b294a8bcbeee00UYrM3msLk35.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="100">
<t:animatemotion id="kyokusen1" targetelement="a1" path="m 0 0 c -274 -350 -340 25 -582 -332" begin="240" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a2"
src="http://bbs.yunbbs.com/attachments/month_0810/20081001_9ab99cca9649f3346c4d2Q7yA5QzPi5L.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="142">
<t:animatemotion id="kyokusen1" targetelement="a2" path="m 0 0 c -85 172 -431 -300 -590 490" begin="242" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a3"
src="http://bbs.yunbbs.com/attachments/month_0810/20081001_a906b57b294a8bcbeee00UYrM3msLk35.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="144">
<t:animatemotion id="kyokusen1" targetelement="a3" path="m 0 0 c 274 -202 340 250 582 -332" begin="244" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a4"
src="http://bbs.yunbbs.com/attachments/month_0810/20081001_9ab99cca9649f3346c4d2Q7yA5QzPi5L.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="146">
<t:animatemotion id="kyokusen1" targetelement="a4" path="m 0 0 c 85 172 431 -150 590 450" begin="246" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a5"
src="http://bbs.yunbbs.com/attachments/month_0810/20081001_a906b57b294a8bcbeee00UYrM3msLk35.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="148">
<t:animatemotion id="kyokusen1" targetelement="a5" path="m 0 0 c -274 -300 340 150 -582 -400" begin="248" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a6"
src="http://bbs.yunbbs.com/attachments/month_0810/20081001_9ab99cca9649f3346c4d2Q7yA5QzPi5L.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="150">
<t:animatemotion id="kyokusen1" targetelement="a6" path="m 0 0 c -185 250 -460 -200 -590 500" begin="250" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="a7"
src="http://bbs.yunbbs.com/attachments/month_0810/20081001_a906b57b294a8bcbeee00UYrM3msLk35.gif" style=" position:absolute; left:400; top:250; FILTER: alpha(style=2 opacity=90)" begin="152">
<t:animatemotion id="kyokusen1" targetelement="a7" path="m 0 0 c 274 -50 340 150 600 -400" begin="252" dur="13" autoreverse="false" repeatcount="indefinite" fill="hold" />
<img class=time id="ao2"
src="http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/gensoukiyou/catt-ao2.jpg" style="width:420; height:320; position:absolute; right:-30; bottom:-30; FILTER: alpha(style=2 opacity=90)" begin="240" >
<t:transitionFilter id="fanWipe1" targetElement="ao2" type="fanWipe" subtype="centerTop" mode="in" begin="240" dur="10" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fanWipe1" targetElement="layer6" type="fanWipe" subtype="centerTop" mode="in" begin="240" dur="10" autoreverse="false" repeatcount="1" />
</BODY></HTML>
现在学习这个特效的套用
请先看这个特效的显示:
3
http://www1.kcn.ne.jp/~cattleya/saito-hinagata/saito-2008/2008/origamikabuto/origamikabuto.html