水流青山 发表于 2008-8-31 09:11

用代码做动态的滤镜效果3

<H2><FONT size=4>Shadow滤镜效果</FONT></H2>
<P> &lt;/P&gt;
&lt;P&gt;&lt;FONT size=4&gt;&amp;lt;DIV style=\&quot;position:relative; top:30px; left:0px; width:700px;height:200px\&quot;&amp;gt;
&amp;lt;STYLE&amp;gt;.time {
&amp;nbsp;BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
&amp;lt;/STYLE&amp;gt;
&amp;lt;?import namespace = t urn = \&quot;urn:schemas-microsoft-com:time\&quot; implementation = \&quot;#default#time2\&quot; declareNamespace /&amp;gt;
&amp;lt;DIV align=center&amp;gt;&amp;lt;DIV id=t3 style=\&quot;FILTER: shadow(color=#3f4029, strength=29); WIDTH: 100%\&quot;&amp;gt; &amp;lt;img src=\&quot;&lt;/FONT&gt;&lt;A href=\&quot;http://media.imhb.cn/homepic/2007/12/26/20071226215655_61179.jpg\&quot;&gt;&lt;FONT color=#606060 size=4&gt;http://media.imhb.cn/homepic/2007/12/26/20071226215655_61179.jpg&lt;/FONT&gt;&lt;/A&gt;&lt;FONT size=4&gt;\&quot; width=201 height=151&amp;gt;
&amp;lt;t:animate targetElement=\&quot;t3\&quot; attributeName=\&quot;filters.Shadow.strength\&quot; from=\&quot;80\&quot; to=\&quot;5\&quot; begin=\&quot;0\&quot; dur=\&quot;3\&quot; end=\&quot;\&quot; autoreverse=\&quot;false\&quot; repeatcount=\&quot;indefinite\&quot;/&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;&lt;/FONT&gt;
&lt;/P&gt;
&lt;P&gt;</P>
<P> </P>
<P> </P>

<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>

水流青山 发表于 2008-8-31 09:13

<P><STRONG><FONT color=black size=4>阴影字的效果</FONT></STRONG></P>
<P> &lt;/P&gt;
&lt;P&gt;&lt;FONT color=blue size=4&gt;&amp;lt;DIV style=\\&quot;position:relative; top:30px; left:0px; width:700px;\\&quot;&amp;gt;
&amp;lt;STYLE&amp;gt;.time {
&amp;nbsp;BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
&amp;lt;/STYLE&amp;gt;
&amp;lt;?import namespace = t urn = \\&quot;urn:schemas-microsoft-com:time\\&quot; implementation = \\&quot;#default#time2\\&quot; declareNamespace /&amp;gt;&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT color=blue size=4&gt;&amp;lt;div id=z3 style=\\&quot;position: absolute; filter:Shadow(color=#edb4ef,direction=135,strength=29)\\&quot;&amp;gt;&amp;lt;font face=楷书 color=#ff00ff size=7&amp;gt;&amp;lt;b&amp;gt;阴影字的效果&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;br&amp;gt;&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT color=blue size=4&gt;&amp;lt;t:animate targetElement=\\&quot;z3\\&quot; attributeName=\\&quot;filters.Shadow.strength\\&quot; from=\\&quot;25\\&quot; to=\\&quot;0\\&quot; begin=\\&quot;0\\&quot; dur=\\&quot;2\\&quot; end=\\&quot;\\&quot; autoreverse=\\&quot;false\\&quot; repeatcount=\\&quot;indefinite\\&quot;/&amp;gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;</P>

<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>

一剑飘香红 发表于 2008-8-31 09:27

谢谢分享，我收下了
页: [1]
查看完整版本: 用代码做动态的滤镜效果3