用代码做动态的滤镜效果 - 第2页 - 【精品素材】 - 中画网

树上发表于 2008-3-17 09:35

向兔兔学习,待用到时再来碌卡!

天天发表于 2008-3-17 13:56

有点晕，我要何时才能明白啊？！

橄榄树 发表于 2008-3-21 15:21

<DIV style=\"position:relative; top:0px; left:0px; width:800px;height:500px\">
<STYLE type=\"text/css\">

</STYLE>
<?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace />
<div style=\"position:absolute; top:0; left:0; width:300; height:234;\">
<IMG src=\"http://media.imhb.cn/homepic/2008/3/11/20080311203703_41184.jpg\" style=\"position:absolute; left:0; top:0; width:300; height:247;\">
<IMG id=\"gl\" src=\"http://media.imhb.cn/homepic/2008/3/11/20080311203703_41184.jpg\" style=\"position:absolute; left:0; top:234; width:300; height:234; filter:Wave(Add=0,freq=12,LightStrength=10,Phase=0,Strength=4) alpha(opacity=100) Flipv;\">
</div>
<t:animate targetElement=\"gl\" attributeName=\"filters.Wave.Phase\" from=\"100\" to=\"0\" begin=\"0\" dur=\"2\" end=\"\" autoreverse=\"false\" repeatcount=\"indefinite\"/></div>

[ 本帖最后由小白兔于 2008-3-21 23:23 编辑 ]

梦雪发表于 2008-3-21 18:27

小白兔 发表于 2008-3-21 23:57

<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 />
<v:oval 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\"/></v:oval>
<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>

小白兔 发表于 2008-3-21 23:59

15楼代码

<P><DIV <FONT color=red>id=fgwz</FONT> style=\"position:relative; top: 30px; left: 0px; width:500px; height:400px; overflow: hidden; filter:glow(color=#00bb00 strength=12);color:white\"> <BR><STYLE>.time {<BR> BEHAVIOR: url(#default#time2)<BR>filter: /*ALE*/ }<BR></STYLE></P>
<P><?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /></P>
<P><?import namespace=v urn=\"urn:schemas-microsoft-com:vml\" implementation=\"#default#VML\" declareNamespace /> <BR><v:oval id=alb style=\"position: absolute;top: 100px; left:50px; width:220px; height:220px;\" stroked=\"t\" strokecolor=\"#ffffcc\" strokeweight=\"0.6pt\" filled=\"t\" fillcolor=\"red\"> <BR><v:path textpathok=\"t\"/><BR><v:textpath style=\"FONT-SIZE:20px; FONT-FAMILY:隶书\" on=\"t\" fitpath=\"t\" string=\"★★★试旋转文字的发光效果★★★HTML＋TIME\"/><BR><v:fill src=\"<A href=\"http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif\"><FONT color=#0000ff>http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif</FONT></A>\" type=\"frame\" opacity=\"1\"/><BR><v:shadow on=\"T\" type=\"single\" color=\"#000033\" offset=\"2px,2px\"/></v:oval><BR><t:animate attributeName=\"rotation\" from=\"0\" targetElement=\"alb\" to=\"360\" accelerate=\"0\" begin=\"0\" dur=\"12\" fill=\"hold\" repeatCount=\"indefinite\"></t:animate><BR><t:animate targetElement<FONT color=red>=\"fgwz\"</FONT> attributeName=\"filters.glow.strength\" from=\"20\" to=\"0\" begin=\"0\" dur=\"6\" end=\"\" autoreverse=\"false\" repeatcount=\"indefinite\"/><BR><BR></DIV></P>
<P><br><br><br><br><br></P>
<P> </P>
<P> </P>
<P> </P>

小白兔 发表于 2008-3-22 00:03

原帖由天天于 2008-3-17 13:56 发表 http://www.ee155.cn/images/common/back.gif
有点晕，我要何时才能明白啊？！
我明天把有些代码的属性写上，这样会容易看懂些

小白兔 发表于 2008-3-22 13:10

代码的说明补在了2楼，有什么不清楚，大家可以提出来

文子发表于 2008-3-22 13:38

谢谢兔兔，写的很详细了，好好学习下！

仲秋发表于 2008-4-2 09:31

<DIV style=\"LEFT: 0px; WIDTH: 800px; POSITION: relative; TOP: 0px; HEIGHT: 500px\">
<STYLE type=text/css>

</STYLE>
<?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace />
<DIV style=\"LEFT: 0px; WIDTH: 300px; POSITION: absolute; TOP: 0px; HEIGHT: 234px\"><IMG style=\"LEFT: 0px; WIDTH: 300px; POSITION: absolute; TOP: 0px; HEIGHT: 247px\" src=\"http://media.imhb.cn/homepic/2008/3/11/20080311203703_41184.jpg\"> <IMG id=zq style=\"FILTER: Wave(Add=0,freq=12,LightStrength=10,Phase=0,Strength=4) alpha(opacity=100) Flipv; LEFT: 0px; WIDTH: 300px; POSITION: absolute; TOP: 234px; HEIGHT: 234px\" src=\"http://media.imhb.cn/homepic/2008/3/11/20080311203703_41184.jpg\"> </DIV>
<t:animate attributeName = \"filters.Wave.Phase\" from = \"100\" targetElement = \"zq\" to = \"0\" autoReverse = \"false\" begin = \"0\" dur = \"2\" end = \"\" repeatCount = \"indefinite\"></t:animate></DIV>
<BR><BR><BR><BR>

[ 本帖最后由小白兔于 2008-4-2 19:07 编辑 ]

页: 1 [2] 3 4 5 6

中画网's Archiver

15楼代码