文章分类
html+time第三节
<!DOCTYPE HTML PUBLIC “-//W
<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>大家一起来学习html＋time</TITLE>
<STYLE type=”text/css”>
<!–
.time{ behavior:url(#default#time); }
–>
</STYLE>
<?IMPORT namespace=”t” implementation=”#default#time2″>
</HEAD>
<BODY>
<p id=”b” >2连续性地改变画面全体的文字的颜色</P>
<t:animateColor id=”color1″ targetElement=”b” attributeName=”color” to=”red” begin=”1″ dur=”5″ fill=”hold”/>
—————————————————————-
<p id=”c” >欢迎光临HTML+TIME教程主页time.xiaoyaor.com</P>
<t:animateColor id=”color2″ targetElement=”c” attributeName=”color” to=”blue” begin=”1″ dur=”5″/>
———————————————————————————————————
<p id=”d” >欢迎光临HTML+TIME教程主页time.xiaoyaor.com</P>
<t:animateColor id=”color2″ targetElement=”d” attributeName=”color” to=”green” begin=”1″ dur=”5″ autoreverse=”true”/>
</BODY>
</HTML>
演示：点击进入
上节讲解了位置的变化,那这节就让我来讲下颜色的变化,其实动画也无外乎颜色位置形状的各种变化组合出各类效果罢了,主要看的还是个人的灵感撒
对了在这里我说一句就是大家千万别复制代码了事,一定要自己编写过才有印象
这里大家可以看到有3个效果,一个是字体逐渐显示为红色然后固定为红色,一个是显示为蓝色后然后恢复成原来的原色,最后一个是变为绿色后逐渐退回原来的颜色,其实三个效果也就多了红色部分部分的代码:<t:animatecolor />标记连续性地变化文字或者背景的颜色。attributeName表示的是属性名字,譬如这里是color,autoreverse表示自动回转,如这里产生绿色再回转到黑色的效果