对以上这段代码的说明:
1)<DIV style="position:relative; top:30px; left:0px; width:700px; height:150">是对以下内容的相对定位。
top:30px;是离顶部距离30px;left:0px; 是离左边距离0px;
2)<STYLE>.time {
BEH***IOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
这是HTML+TIME下面指定内容的前缀
3)<div id=z2 style="width:100%;filter:glow(color=#1e90ff strength=16);color:white">这段是Glow滤镜代码。
id=z2 是对这个滤镜的标签(注:与下面的 targetElement="z2"必须一致,同一个页面不能使用同样的id)
4)<t:animate targetElement="z2" attributeName="filters.glow.strength" from="10" to="0" begin="0" dur="1" end="" autoreverse="false" repeatcount="indefinite"/>这段是让Glow连续性变化的代码。
t:animate 是标记连续性地变化;
targetElement="z2"表示目标单元为"z2",用来表示作用到"z2"上;
attributeName="filters.glow.strength" 表示属性的名字是"filters.glow.strength" ;
from="10" to="0"表示变化的范围从10到0;
begin="0" dur="1" 表示从0秒钟开始变化,变化一次的时间过程为1秒钟;
autoreverse="false"表示变化方式为不循环,true为循环;
repeatcount="indefinite"表示变换次数为重复变化。
Shadow滤镜效果
<DIV style="position:relative; top:30px; left:0px; width:700px;height:200px">
<STYLE>.time {
BEH***IOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<DIV align=center><DIV id=t3 style="FILTER: shadow(color=#3f4029, strength=29); WIDTH: 100%"> <img src="http://media.imhb.cn/homepic/2007/12/26/20071226215655_61179.jpg" width=201 height=151>
<t:animate targetElement="t3" attributeName="filters.Shadow.strength" from="80" to="5" begin="0" dur="3" end="" autoreverse="false" repeatcount="indefinite"/>
</div>
</div>
</div>
阴影字的效果
<DIV style="position:relative; top:30px; left:0px; width:700px;">
<STYLE>.time {
BEH***IOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<div id=z3 style="position: absolute; filter:Shadow(color=#edb4ef,direction=135,strength=29)"><font face=楷书 color=#ff00ff size=7><b>阴影字的效果</b></font><br>
<t:animate targetElement="z3" attributeName="filters.Shadow.strength" from="25" to="0" begin="0" dur="2" end="" autoreverse="false" repeatcount="indefinite"/>
</div></div></div>
Alpha滤镜效果
<DIV style="position:relative; top:30px; left:0px; width:700px;height:300px">
<STYLE>.time {
BEH***IOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<DIV align=center>
<IMG id=t4 src=http://media.imhb.cn/homepic/2007/12/26/20071226215655_61179.jpg style="filter: Alpha(Opacity=100,Style=0)" border=0>
<t:animate targetElement="t4" attributeName="filters.Alpha.Opacity" from="100" to="0" begin="0" dur="4" end="" autoreverse="false" repeatcount="indefinite"/>
</div>
</div>
Alpha滤镜效果
<DIV style="position:relative; top:30px; left:0px; width:700px;height:120px">
<STYLE>.time {
BEH***IOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<DIV align=center><div id=z4 style="position: absolute; filter:filter: Alpha(Opacity=100,Style=0)"><font face=华文新魏 color=#0000fa size=7><b>Alpha滤镜效果</b></font><br>
<t:animate targetElement="z4" attributeName="filters.Alpha.Opacity" from="100" to="0" begin="0" dur="4" end="" autoreverse="false" repeatcount="indefinite"/>
</div>
</div>
</div>
<br><br><br>