莺燕音画 发表于 2008-8-8 02:27

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>.</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=#000000 size=3><FONT color=blue size=5><A href="http://roger01rao.ik8.com/htmlntime/jiaocheng/教程7.html"><FONT face=宋体 color=#000000 size=3><FONT color=blue size=5>点击这里看效果</FONT></FONT></A></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>:</SPAN></FONT></FONT></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT face=宋体 color=#000000 size=3>&lt;BODY id="body1"&gt;<BR>&lt;t:animateColor targetElement="body1" attributeName="backgroundColor" values="black;red;yellow;blue;lime;green;gold;gray;white" dur="5" autoReverse="false" begin="0"/&gt;</FONT></SPAN></P>
<P class=ft style="MARGIN: auto 0cm; TEXT-INDENT: 24pt"><FONT face=宋体 color=#000000 size=3>我来解释下，首先我们使用<SPAN lang=EN-US>&lt;t:animateColor</SPAN>设置为颜色的变化，然后用<SPAN lang=EN-US>targetElement</SPAN>确定目标，用<SPAN lang=EN-US>attributeName</SPAN>来确定要改变的属性，最后用<SPAN lang=EN-US>value</SPAN>来决定到底设置哪些可以改变的颜色。为了让大家能看的更清楚，在这里我设置了<SPAN lang=EN-US>autoreverse</SPAN>为<SPAN lang=EN-US>false</SPAN>，以达到不循环显示；如果希望循环显示，就将其设置成<SPAN lang=EN-US>true</SPAN>。还可以用<SPAN lang=EN-US>repeatCount</SPAN>来设置循环的次数。当然大家知道了背景颜色的变化，同样也可以运用到其他如字体或者表格什么的上面，还可以通过事件的触发来达到这个变化效果等<SPAN lang=EN-US>,</SPAN>大家可以多多尝试，我也是在学习中，希望大家多交流交流，一起学习，彼此促进，共同提高嘛。</FONT></P>

香气袭人 发表于 2008-8-8 09:24

借楼主的笔记我也学习一下~~

一剑飘香红 发表于 2008-8-8 09:32

我来收藏的,有空去学习

紫色灵枫 发表于 2008-8-8 10:46

学习一下,我对代码还不懂呢

ヤ;聆聽浪漫 发表于 2008-8-8 18:06

<BODY id=\"body1\">
<t:animateColor targetElement=\"body1\" attributeName=\"backgroundColor\" values=\"black;red;yellow;blue;lime;green;gold;gray;white\" dur=\"5\" autoReverse=\"true\" begin=\"0\"/>

ヤ;聆聽浪漫 发表于 2008-8-8 18:07

我为什么不出颜色呢？？

快乐相随 发表于 2008-8-8 20:37

这个以前用过，不是太明白，这回理解了，谢谢。

文子 发表于 2008-8-8 22:52

继续留下脚印，谢谢黄莺语柳

白雪皑皑 发表于 2008-8-15 16:32

想楼主致敬，您辛苦了。

冰雪飞梦 发表于 2008-10-15 22:45

<HTML XMLNS:t=\"urn:schemas-microsoft-com:time\">
<HEAD>
<META http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\">
<META http-equiv=\"Content-Style-Type\" content=\"text/css\">
<TITLE>学习学习</TITLE>
<STYLE type=\"text/css\">
<!--
.time{ behavior:url(#default#time2); }
-->
</STYLE>
<?IMPORT namespace=\"t\" implementation=\"#default#time2\">
</HEAD>
<BODY>

<BODY id=\"body1\">
<t:animateColor targetElement=\"body1\" attributeName=\"backgroundColor\" values=\"black;red;yellow;blue;lime;green;gold;gray;white\" dur=\"5\" autoReverse=\"false\" begin=\"0\"/>

</BODY>
</HTML>
页: [1] 2
查看完整版本: HTML+TIME学习笔记（七）