变色字效果

gaoss33 发表于 2010-2-19 11:04

节日快乐 
 
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /><t:animateColor attributeName = "color" targetElement = "font1" values = "#00FF00;#ffff00;#FF0000;#0000FF;" autoReverse = "true" dur = "6" repeatCount = "100"></t:animateColor>代码：
 
 
id=font1 style="FONT-SIZE: 100pt; COLOR: #0066ff; FONT-FAMILY: 华文新魏">节日快乐
 <?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /> <t:animateColor attributeName = "color" targetElement = "font1" values = "#00FF00;#ffff00;#FF0000;#0000FF;" autoReverse = "true" dur = "6" repeatCount = "100">
</t:animateColor> 
 
 
看懂这些代码：
 
文字代码不再解释。
 
<?import ......>这组代码指定一种语言，我们原封套用就行了。
 
t:animateColor 
颜色变换的元素
 
attributeName = "color"
指定哪种颜色变换 
 
targetElement = "font1"
指定带有这个标志的标签变换颜色 
 
values = "#00FF00;#ffff00;#FF0000;#0000FF;"
颜色变换的种类，随便写多少个(每个颜色之间用英文分号隔开)。。 
 
autoReverse = "true" 
变化方式循环（变换顺序从左到右再从右到左） false不循环。
 
dur = "6"
变换一次的时间，单位“秒” 
 
repeatCount = "100"
变换次数,indefinite 不断变换。</
 
</t:animateColor>
收尾。
 
 
注意：文字代码中红色 id=font1 相当门牌号码，下面红色 targetElement = "font1" 指定带这个id的标签发生变换。
所以要注意的两点：
1.在一组代码里他们的值必须一致。（这个值由数字和字母组成，随便编写）
2.同一个页面里，两组以上这个代码之间这个值必须不同。不然都不能显示了！！！
 
用这个代码时第一步就是改这两个值，
 
如一组是：
id=123a
targetElement = "123a"
 
则另一组是：
id=abcd
targetElement = "abcd"

gaoss33 发表于 2010-2-19 11:05

利用上楼原理可以将字闪烁：
 
 你好 
 
<?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /><t:animateColor attributeName = \"color\" targetElement = \"xo\" values = \"#00FF00;#ffffff;#FF0000;#ffffff;#0000FF;\" autoReverse = \"true\" dur = \"2\" repeatCount = \"indefinite\"></t:animateColor>
 
代码：
 
 
xo style=\"FONT-SIZE: 100pt; COLOR: #0066ff; FONT-FAMILY: 华文新魏\">你好 <?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace />
<t:animateColor attributeName = \"color\" targetElement = \"xo\" values = \"#00FF00;#ffffff;#FF0000;#ffffff;#0000FF;\" autoReverse = \"true\" dur = \"2\" repeatCount = \"indefinite\">
</t:animateColor>
 
 
其中两个颜色与背景色相同：#ffffff。

傲雪纷飞 发表于 2010-2-19 11:33

漂亮，收藏了，感谢朋友，新春快乐~

勇者无惧 发表于 2010-2-19 15:36

学习，学习。

祝福发表于 2010-2-19 22:15

<DIV style=\"position:relative; top:0px; left:0px; width:600px; height:320px; overflow: hidden\">
<STYLE>.time {
BEHAVIOR: url(#default#time2)
}
</STYLE>
<?import namespace = t implementation = \"#default#time2\" declareNamespace />
<?import namespace=v urn=\"urn:schemas-microsoft-com:vml\" implementation=\"#default#VML\" declareNamespace />

<v:Roundrect style=\"position: absolute; top: 6px; left: 24px; width:487px;FILTER: wave(strength=0,freq=0,lightstrength=60,phase=60,add=0) ; height:136px;\" stroked=\"i\" strokecolor=\"#e9742e\" filled=\"t\" fillcolor=\"#000000\" strokeweight=\"5px\" arcsize=\"0.1\"/>

<v:line id=zhu style=\"position: absolute; top: 70px;FILTER: wave(strength=0,freq=0,lightstrength=60,phase=60,add=0) ; left: 56px\" stroked=\"t\" strokecolor=\"#e9742e\" strokeweight=\"3px\" filled=\"t\" fillcolor=\"#222222\" to=\"410 .1\">
<v:path textpathok=\"t\"/>
<v:textpath id=xo style=\"FONT-SIZE:60;FONT-FAMILY:华文新魏\" on=\"t\" fitpath=\"t\" string=\"中国音画¤论坛\"/>

</v:line>

<t:transitionFiltertargetElement=\"zhu\" type=\"progid:DXImageTransform.Microsoft.Wipe(GradientSize=.50, wipeStyle=1, motion=\'forward\')\" subtype=\"crossFade\" mode=\"in\" dur=\"3\" autoreverse=\"false\" repeatcount=\"indefinite\"></t:transitionFilter>

<div style=\"position: absolute;top: 110px; left: 140px;\">

<object style=\"FILTER: wave(strength=0,freq=0,lightstrength=60,phase=60,add=0)\" type=\"application/x-shockwave-flash\" data=\"http://www.lanyueer.com/blog/plugin/audioplayer.swf\" width=\"280\" height=\"26\" id=\"audioplayer3993\">
<param name=\"movie\" value=\"http://www.lanyueer.com/blog/plugin/audioplayer.swf\"/>
<param name=\"FlashVars\" value=\"playerID=3993&bg=0x000000&leftbg=0x000000&lefticon=0x00cc33&rightbg=0x000000&rightbghover=0x000000&righticon=0x00cc33&righticonhover=0x00cc33&text=0x00cc33&slider=0xffff00&track=0x00cc33&border=0xffff00&loader=0x00cc33&autostart=yes&soundFile=http://wl.6621.cn/200901/zhq0507/c65afb1e19a7e805.mp3\"/>
<param name=\"quality\" value=\"high\"/>
<param name=\"menu\" value=\"false\" />
<param name=\"wmode\" value=\"transparent\" />
</object>
</div>
</DIV><object classid=\"clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6\" width=\"0\" height=\"64\"><param name=\"autostart\" value=\"1\" /><param name=\"url\" value=\"http://wl.6621.cn/200901/zhq0507/c65afb1e19a7e805.mp3\" /><embed src=\"http://wl.6621.cn/200901/zhq0507/c65afb1e19a7e805.mp3\" autostart=\"1\" type=\"application/x-mplayer2\" width=\"0\" height=\"64\"></embed></object>

[ 本帖最后由祝福于 2010-2-19 22:52 编辑 ]

傲雪纷飞 发表于 2010-2-19 22:16

回复 5# 的帖子

太漂亮了，问好祝福，新春快乐~

幸福的眼泪 发表于 2010-2-26 13:38

节日快乐

<?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace />
<t:animateColor attributeName = \"color\" targetElement = \"font2\" values = \"#00FF00;#ffff00;#FF0000;#0000FF;\" autoReverse = \"true\" dur = \"6\" repeatCount = \"100\">

</t:animateColor>

 

[ 本帖最后由 gaoss33 于 2010-3-20 00:12 编辑 ]

幸福的眼泪 发表于 2010-2-26 13:39

为什么我的不变呢？

58317813AAA 发表于 2010-3-2 22:15

3A空间

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

<t:animateColor attributeName = \"color\" targetElement = \"xo2\" values = \"#00FF00;#ffffff;#FF0000;#ffffff;#0000FF;\" autoReverse = \"true\" dur = \"2\" repeatCount = \"indefinite\">

</t:animateColor>

 

[ 本帖最后由 gaoss33 于 2010-3-20 00:14 编辑 ]

58317813AAA 发表于 2010-3-2 22:15

为什么我的不变呢？

页: [1] 2

中画网's Archiver

变色字效果

回复 5# 的帖子