HTML+TIME学习笔记（五）
<P class=ft style="MARGIN: auto 0cm; TEXT-ALIGN: center" align=center><FONT face=宋体 color=#000000 size=3>第五课</FONT></P><P class=ft style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体><SPAN lang=EN-US> </SPAN>上节讲了形状的变化，那这节我来讲一下字体的渐变。大家如果做过逐帧动画一定知道，渐变就是设置几帧然后把<SPAN lang=EN-US>ALPHA</SPAN>值设置成从<SPAN lang=EN-US>0</SPAN>到<SPAN lang=EN-US>100</SPAN>就可以了。这里我们如何用代码来实现这个效果呢？</FONT></FONT></FONT></P>
<P class=ft style="MARGIN: auto 0cm; TEXT-INDENT: 24pt"><FONT face=宋体 color=#000000 size=3>先看看例子：</FONT></P>
<P class=ft style="MARGIN: auto 0cm; TEXT-INDENT: 24pt"><FONT face=宋体 color=blue size=5><A href="http://roger01rao.ik8.com/htmlntime/jiaocheng/教程5.html"><FONT face=宋体 color=blue size=5>点击看效果</FONT></A></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体>接下来看代码<SPAN lang=EN-US>:</SPAN></FONT></FONT></FONT></P>
<P class=style8 style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体><SPAN lang=EN-US><DIV id="1Div" STYLE="width:1000" CLASS="time" BEGIN="0" DUR="8" > <font face=</SPAN>华文琥珀<SPAN lang=EN-US> size=12 color=#cc67ff><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></SPAN></FONT></FONT></FONT></P>
<P class=style8 style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体>欢迎大家光临“黄莺语柳<SPAN lang=EN-US><SPAN style="mso-spacerun: yes"></SPAN></SPAN>紫燕归梁”的空间！<SPAN lang=EN-US><br></SPAN>可以来<SPAN lang=EN-US>http://www.yinhuabbs.cn/space.php?uid=2893</SPAN>做客！<SPAN lang=EN-US><br></SPAN>欢迎大家留下宝贵<SPAN lang=EN-US><o:p></o:p></SPAN></FONT></FONT></FONT></P>
<P class=style8 style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体>的意见和建议！<SPAN lang=EN-US></font><o:p></o:p></SPAN></FONT></FONT></FONT></P>
<P class=style8 style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT size=3><FONT color=#000000><FONT face=宋体></div><o:p></o:p></FONT></FONT></FONT></SPAN></P>
<P class=style8 style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT face=宋体 color=#000000 size=3><t:<FONT color=red>TRANSITIONFILTER</FONT> BEGIN="1Div.begin" DUR="5" TYPE="<FONT color=red>fade</FONT>"/></FONT></SPAN></P>
<P class=style8 style="MARGIN: auto 0cm"><FONT face=宋体 color=#000000 size=3>在这里我只给出了中心代码，因为其他代码都一样，前面已经讲过四课，我想大家应该都非常清楚了。在此就不赘叙了。 </FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体><SPAN lang=EN-US> </SPAN>效果描述<SPAN lang=EN-US>:</SPAN>让所写的文字逐渐显示</FONT></FONT></FONT></P>
<P><FONT size=3><FONT color=#000000><FONT face=宋体><SPAN class=ft1><SPAN lang=EN-US> </SPAN>这里所叙代码与前面不同的是</SPAN><SPAN class=style81><SPAN lang=EN-US><FONT color=red><t:TRANSITIONFILTER</FONT></SPAN></SPAN><SPAN class=ft1><SPAN lang=EN-US><FONT color=red>></FONT></SPAN>标记，这个标记是用于转换滤镜的，使之能够连续性变化。</SPAN><SPAN class=style81><SPAN lang=EN-US><FONT color=red>TYPE="fade"</FONT> </SPAN></SPAN><SPAN class=ft1>设置的转换滤镜的类型是过渡<SPAN lang=EN-US>,</SPAN>这样效果就出来了。</SPAN></FONT></FONT></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体><SPAN lang=EN-US> </SPAN>这里给大家留个思考题：既然<SPAN lang=EN-US>FADE</SPAN>可以产生效果<SPAN lang=EN-US>,</SPAN>那其他转换滤镜也应该一定可以啦！我本来在例子中加了一个另外的效果作为参考<SPAN lang=EN-US>,</SPAN>但最后还是作了修改，没有传上来，希望想学的朋友自己去摸索一下，这样印象会更深刻。这个转换不仅可以用在字体上，也可以用在音乐播放器，图片等等上。<SPAN class=style7>希望初学的朋友能做做其他效果看看；作好后可以在这里回帖子，让懂行的朋友提提建议，使自己得到提高。</SPAN></FONT></FONT></FONT></P> 再来收藏 学习，学习，还是没有学好，是不是我懂的太少了。 谢谢黄莺语柳老师，先占楼，今天晚了过两天来交这个作业。 <DIV id=\"1Div\" STYLE=\"width:1000\" CLASS=\"time\" BEGIN=\"0\" DUR=\"8\" > <font face=华文琥珀 size=12 color=#cc67ff>
大家欢迎帅哥“ヤ;聆聽浪漫”<br>各位美女都要欢迎下！<br>我是不是太坏了
！</font>
</div>
<t:TRANSITIONFILTER BEGIN=\"1Div.begin\" DUR=\"5\" TYPE=\"fade\"/> 再留脚印 好宝贝，要收藏~~谢谢了~ 不错的教程，做个标记认真学习下 <DIV class=time id=1Div style=\"WIDTH: 1000px\" DUR=\"8\" BEGIN=\"0\"><FONT face=华文琥珀 color=#cc67ff size=12>中国音画网<BR>学习、交友、放松心情的好地方！</FONT> </DIV><?xml:namespace prefix = t /><t:TRANSITIONFILTER DUR=\"5\" BEGIN=\"1Div.begin\" TYPE=\"fade\">试下看可出效果了</t:TRANSITIONFILTER> <DIV id=\"1Div\" STYLE=\"width:1000\" CLASS=\"time\" BEGIN=\"0\" DUR=\"8\" > <font face=华文琥珀 size=12 color=#cc67ff>中国音画网<BR>学习、交友、放松心情的好地方</font>
</div>
<t:TRANSITIONFILTER BEGIN=\"1Div.begin\" DUR=\"5\" TYPE=\"fade\"/>
页:
[1]
2