|
第三課
上節講了位置的變化，那這節我來講下顏色的變化，其實動畫也無外乎顏色位置形狀的各種變化組合出各類效果罷了，主要看的還是個人的靈感吧。
老規矩，先看例子：
點擊看效果
對了在這里我說一句，就是大家千萬別復制代碼了事,一定要自己編寫過才有印象，養成一個好習慣真的很重要。
代碼:
<!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">
<!--
.time{ behavior:url(#default#time); }
-->
</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY>
<p id="b" ><b><font size=14 face=華文琥珀>歡迎光臨“黃鶯語柳 紫燕歸梁”的空間！</font></b></P>
<t:animateColor id="color1" targetElement="b" attributeName="color" to="red" begin="1" dur="5" fill="hold"/>
<p id="c" ><b><font size=14 face=華文琥珀 >歡迎光臨“黃鶯語柳 紫燕歸梁”的空間！</font></b></P>
<t:animateColor id="color2" targetElement="c" attributeName="color" to="blue" begin="1" dur="5"/>
<p id="d" ><b><font size=14 face=華文琥珀>歡迎光臨“黃鶯語柳 紫燕歸梁”的空間！</font></b></P>
<t:animateColor id="color2" targetElement="d" attributeName="color" to="green" begin="1" dur="5" autoreverse="true"/>
</BODY>
</HTML> 為了讓大家看的清楚些，我把字體設成華文琥珀，字體設成14號，大家可以看到有3個效果：一個是字體逐漸顯示為紅色然后固定為紅色；一個是顯示為藍色后然后恢復成原來的原色；最后一個是變為綠色后逐漸退回原來的顏色。其實三個效果也就多了紅色部分部分的代碼：<t:animatecolor />，標記連續性地變化文字或者背景的顏色；attributeName 表示的是屬性名字，譬如這里是color；autoreverse 表示自動回轉,如這里產生綠色再回轉到黑色的效果。
[ 本帖最后由 roger01rao 于 2008-8-7 11:52 編輯 ] | 
窺視卡
雷達卡
鮮花(
雞蛋(
發表于 2008-8-7 11:50
QQ好友和群
QQ空間
收藏
分享
淘帖
提升卡
置頂卡
沉默卡
喧囂卡
變色卡
搶沙發
顯身卡
發表于 2008-8-7 13:31
樓主
/1 
