查看: 3179|回复: 11

[教程] 变色字效果

[复制链接]

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-2-19 11:04 | 显示全部楼层 |阅读模式

节日快乐

代码:

<FONT id=font1 style="FONT-SIZE: 100pt; COLOR: #0066ff; FONT-FAMILY: 华文新魏">节日快乐</FONT>


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

该用户从未签到

鲜花(0) 鸡蛋(0)
 楼主| 发表于 2010-2-19 11:05 | 显示全部楼层

利用上楼原理可以将字闪烁:

你好

代码:

<FONT id=xo style=\"FONT-SIZE: 100pt; COLOR: #0066ff; FONT-FAMILY: 华文新魏\">你好</FONT>

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

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-2-19 11:33 | 显示全部楼层
漂亮,收藏了,感谢朋友,新春快乐~

签到天数: 4 天

[LV.2]偶尔看看I

鲜花(0) 鸡蛋(0)
发表于 2010-2-19 15:36 | 显示全部楼层
学习,学习。

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-2-19 22:15 | 显示全部楼层
XImageTransform.Microsoft.Wipe(GradientSize=.50, wipeStyle=1, motion=\'forward\')\" subtype=\"crossFade\" mode=\"in\" dur=\"3\" autoreverse=\"false\" repeatcount=\"indefinite\">
[ 本帖最后由 祝福 于 2010-2-19 22:52 编辑 ]

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-2-19 22:16 | 显示全部楼层

回复 5# 的帖子

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

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-2-26 13:38 | 显示全部楼层
节日快乐

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

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-2-26 13:39 | 显示全部楼层
为什么我的不变呢?

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-3-2 22:15 | 显示全部楼层
3A空间

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

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-3-2 22:15 | 显示全部楼层
为什么我的不变呢?
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

网站地图|小黑屋|Archiver|中画网 ( 蜀ICP备11021737号-2 )|网站地图

GMT+8, 2024-11-16 14:54 , Processed in 0.063889 second(s), 19 queries , MemCached On.

上网要文明 发言要理性

Powered by Discuz! © 2008-2023 YinHuaBBS.CN

快速回复 返回顶部 返回列表