|
第三课
上节讲了位置的变化，那这节我来讲下颜色的变化，其实动画也无外乎颜色位置形状的各种变化组合出各类效果罢了，主要看的还是个人的灵感吧。
老规矩，先看例子：
点击看效果
对了在这里我说一句，就是大家千万别复制代码了事,一定要自己编写过才有印象，养成一个好习惯真的很重要。
代码:
<!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
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
显身卡
发表于 2008-8-7 13:31
楼主
