HTML+TIME学习笔记（五）

莺燕音画 · 发表于 2008-8-7 15:38

第五课

上节讲了形状的变化，那这节我来讲一下字体的渐变。大家如果做过逐帧动画一定知道，渐变就是设置几帧然后把ALPHA值设置成从0到100就可以了。这里我们如何用代码来实现这个效果呢？

先看看例子：

点击看效果

接下来看代码:

<DIV id="1Div" STYLE="width:1000" CLASS="time" BEGIN="0" DUR="8" > <font face=华文琥珀 size=12 color=#cc67ff>fficeffice" />

欢迎大家光临“黄莺语柳紫燕归梁”的空间！<br>可以来http://www.yinhuabbs.cn/space.php?uid=2893做客！<br>欢迎大家留下宝贵

的意见和建议！</font>

</div>

<t:TRANSITIONFILTER BEGIN="1Div.begin" DUR="5" TYPE="fade"/>

在这里我只给出了中心代码，因为其他代码都一样，前面已经讲过四课，我想大家应该都非常清楚了。在此就不赘叙了。

效果描述:让所写的文字逐渐显示

这里所叙代码与前面不同的是<t:TRANSITIONFILTER>标记，这个标记是用于转换滤镜的，使之能够连续性变化。TYPE="fade" 设置的转换滤镜的类型是过渡,这样效果就出来了。

这里给大家留个思考题：既然FADE可以产生效果,那其他转换滤镜也应该一定可以啦！我本来在例子中加了一个另外的效果作为参考,但最后还是作了修改，没有传上来，希望想学的朋友自己去摸索一下，这样印象会更深刻。这个转换不仅可以用在字体上，也可以用在音乐播放器，图片等等上。希望初学的朋友能做做其他效果看看；作好后可以在这里回帖子，让懂行的朋友提提建议，使自己得到提高。

一剑飘香红 · 发表于 2008-8-7 17:19

再来收藏

白雪皑皑 · 发表于 2008-8-7 17:58

学习，学习，还是没有学好，是不是我懂的太少了。

快乐相随 · 发表于 2008-8-8 01:24

谢谢黄莺语柳老师，先占楼，今天晚了过两天来交这个作业。

ヤ;聆聽浪漫 · 发表于 2008-8-8 17:48

大家欢迎帅哥“ヤ;聆聽浪漫”
各位美女都要欢迎下！
我是不是太坏了！

文子 · 发表于 2008-8-8 22:38

再留脚印

水若寒 · 发表于 2008-9-2 21:18

好宝贝，要收藏~~谢谢了~

水流青山 · 发表于 2008-9-4 20:29

不错的教程，做个标记认真学习下

乃琴 · 发表于 2008-9-4 22:49

中国音画网
学习、交友、放松心情的好地方！

试下看可出效果了

乃琴 · 发表于 2008-9-4 22:55

中国音画网
学习、交友、放松心情的好地方

账号		自动登录	找回密码
密码			中文注册

[教程] HTML+TIME学习笔记（五）