中畫網

</div>
<t:animate targetElement="s1" attributeName="filters.Wave.Phase" from="100" to="0" begin="0" dur="2" end="" autoreverse="false" repeatcount="indefinite"/></div>

Wave濾鏡

Wave濾鏡

<DIV style="position:relative; top:30px; left:0px; width:700px;height：300px;">
<STYLE>.time {
BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<div style="position:absolute; top:0; left:0;"><font face=楷書 color=#00ff00 size=7>Wave濾鏡</font></div>
<div id=z1 style="position:absolute; top:40; left:0;filter: Wave(Add=0,Freq=3,Lightstrength=30,Phase=10,Strength=3) Flipv;"><font face=楷書 color=#00ff00 size=7>Wave濾鏡</font></div>
<t:animate targetElement="z1" attributeName="filters.Wave.Phase" from="500" to="0" begin="0" dur="3" end="" autoreverse="false" repeatcount="indefinite"/></div>

[ 本帖最后由 小白兔 于 2008-3-11 22:46 編輯 ]

---

作者: 小白兔    時間: 2008-3-11 22:32
標題: Glow濾鏡效果

<DIV style=\"position:relative; top:30px; left:0px; width:700px;height:300 \">
<STYLE>.time {
BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace />
<IMG id=\"t2\" src=\"http://media.imhb.cn/homepic/2007/12/8/20071208225517_52486.gif\" style=\"position:absolute; left:0; top:0; width:300; height:212;filter:glow(color=#ee14d2 strength=20);color:white\">

<t:animate targetElement=\"t2\" attributeName=\"filters.glow.strength\" from=\"6\" to=\"0\" begin=\"0\" dur=\"1\" end=\"\" autoreverse=\"false\" repeatcount=\"indefinite\"/></div>

<DIV style=\"position:relative; top:30px; left:0px; width:700px; height:150\">
<STYLE>.time {
BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>
<?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace />

<div id=z2 style=\"width:100%;filter:glow(color=#1e90ff strength=16);color:white\"><FONT color=#00ff00 face=楷書 size=7>

Glow濾鏡</FONT></div>

<t:animate targetElement=\"z2\" attributeName=\"filters.glow.strength\" from=\"10\" to=\"0\" begin=\"0\" dur=\"1\" end=\"\" autoreverse=\"false\" repeatcount=\"indefinite\"/></div>

對以上這段代碼的說明：

1）<DIV style=\"position:relative; top:30px; left:0px; width:700px; height:150\">是對以下內容的相對定位。

top:30px;是離頂部距離30px;left:0px; 是離左邊距離0px;

2）<STYLE>.time {
BEHAVIOR: 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\"表示變換次數為重復變化。

<DIV style=\"position:relative; top:30px; left:0px; width:700px;height:200px\">
<STYLE>.time {
BEHAVIOR: 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 {
BEHAVIOR: 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>

<DIV style=\"position:relative; top:30px; left:0px; width:700px;height:300px\">
<STYLE>.time {
BEHAVIOR: 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>

<DIV style=\"position:relative; top:30px; left:0px; width:700px;height:120px\">
<STYLE>.time {
BEHAVIOR: 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>

<DIV id=fgwz style=\"position:relative; top: 30px; left: 0px; width:500px; height:400px; overflow: hidden; filter:glow(color=#00bb00 strength=12);color:white\">
<STYLE>.time {
BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>

<?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace />

<?import namespace=v urn=\"urn:schemas-microsoft-com:vml\" implementation=\"#default#VML\" declareNamespace />
<vval id=alb style=\"position: absolute;top: 100px; left:50px; width:220px; height:220px;\" stroked=\"t\" strokecolor=\"#ffffcc\" strokeweight=\"0.6pt\" filled=\"t\" fillcolor=\"red\">
<v:path textpathok=\"t\"/>
<v:textpath style=\"FONT-SIZE:20px; FONT-FAMILY:隸書\" on=\"t\" fitpath=\"t\" string=\"★★★試旋轉文字的發光效果★★★HTML＋TIME\"/>
<v:fill src=\"http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif\" type=\"frame\" opacity=\"1\"/>
<v:shadow on=\"T\" type=\"single\" color=\"#000033\" offset=\"2px,2px\"/></vval>
<t:animate attributeName=\"rotation\" from=\"0\" targetElement=\"alb\" to=\"360\" accelerate=\"0\" begin=\"0\" dur=\"12\" fill=\"hold\" repeatCount=\"indefinite\"></t:animate>
<t:animate targetElement=\"fgwz\" attributeName=\"filters.glow.strength\" from=\"20\" to=\"0\" begin=\"0\" dur=\"6\" end=\"\" autoreverse=\"false\" repeatcount=\"indefinite\"/>

</DIV>

<br><br><br><br><br>