HTML+TIME學(xué)習(xí)筆記（三）

鶯燕音畫 · 發(fā)表于 2008-8-7 11:50

第三課

上節(jié)講了位置的變化，那這節(jié)我來講下顏色的變化，其實(shí)動畫也無外乎顏色位置形狀的各種變化組合出各類效果罷了，主要看的還是個(gè)人的靈感吧。

老規(guī)矩，先看例子：

對了在這里我說一句，就是大家千萬別復(fù)制代碼了事,一定要自己編寫過才有印象，養(yǎng)成一個(gè)好習(xí)慣真的很重要。

代碼:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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">

</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY>

歡迎光臨“黃鶯語柳紫燕歸梁”的空間！

<t:animateColor id="color1" targetElement="b" attributeName="color" to="red" begin="1" dur="5" fill="hold"/>

歡迎光臨“黃鶯語柳紫燕歸梁”的空間！

<t:animateColor id="color2" targetElement="c" attributeName="color" to="blue" begin="1" dur="5"/>

歡迎光臨“黃鶯語柳紫燕歸梁”的空間！

<t:animateColor id="color2" targetElement="d" attributeName="color" to="green" begin="1" dur="5" autoreverse="true"/>

</BODY>
</HTML>

為了讓大家看的清楚些，我把字體設(shè)成華文琥珀，字體設(shè)成14號，大家可以看到有3個(gè)效果：一個(gè)是字體逐漸顯示為紅色然后固定為紅色；一個(gè)是顯示為藍(lán)色后然后恢復(fù)成原來的原色；最后一個(gè)是變?yōu)榫G色后逐漸退回原來的顏色。其實(shí)三個(gè)效果也就多了紅色部分部分的代碼：<t:animatecolor />，標(biāo)記連續(xù)性地變化文字或者背景的顏色；attributeName 表示的是屬性名字，譬如這里是color；autoreverse 表示自動回轉(zhuǎn),如這里產(chǎn)生綠色再回轉(zhuǎn)到黑色的效果。 [ 本帖最后由 roger01rao 于 2008-8-7 11:52 編輯 ]

一劍飄香紅 · 發(fā)表于 2008-8-7 13:30

謝謝LZ的好東西,我收藏了

逝語 · 發(fā)表于 2008-8-7 13:31

不錯(cuò)..學(xué)習(xí)了.謝謝分享

白雪皚皚 · 發(fā)表于 2008-8-7 17:49

繼續(xù)跟蹤學(xué)習(xí)。

快樂相隨 · 發(fā)表于 2008-8-8 00:36

多個(gè)變色，寫成什么代碼呢，不知道這樣寫對嗎？
<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\">

</STYLE>
<?IMPORT namespace=\"t\" implementation=\"#default#time2\">
</HEAD>
<BODY>
歡迎光臨“黃鶯語柳紫燕歸梁”的空間！
<t:animateColor id=\"color2\" targetElement=\"c\" attributeName=\"color\" to=\"blue\" begin=\"1\" dur=\"5\"/>
<t:animateColor id=\"color3\" targetElement=\"c\" attributeName=\"color\" to=\"green\" begin=\"color2+5\" dur=\"5\"/>
</BODY>
</HTML>

鶯燕音畫 · 發(fā)表于 2008-8-8 01:13

對不對，你可以自己測試啊！多顏色的我會在以后發(fā)出來。

文子 · 發(fā)表于 2008-8-8 22:34

雖然偶不懂，再來支持下，辛苦

cxzcxz1212 · 發(fā)表于 2008-8-25 09:42

跟蹤學(xué)習(xí)了~~謝謝LZ~~

制勝未來 · 發(fā)表于 2008-8-26 14:54

繼續(xù)跟蹤學(xué)習(xí) 謝謝！！！

雄杰獨(dú)倚 · 發(fā)表于 2008-8-31 17:50

請教老師，這個(gè)fill=\"hold\"/>這個(gè)代碼是說明的嗎？

賬號		自動登錄	找回密碼
密碼			中文注冊

[教程] HTML+TIME學(xué)習(xí)筆記（三）

站長推薦 /1