>> shmily小叶的BLOG

shmily小叶
文章分类
相册分类
友情链接

html+time第七节

(2007-12-26 shmily小叶)
点击:- 回复:-

<!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>
大家一起来学习htmltime</TITLE>
<STYLE type=”text/css”>
<!–
.time{ behavior:url(#default#time2); }
–>
</STYLE>
<?IMPORT namespace=”t” implementation=”#default#time2″>
</HEAD>
<BODY id=”body1″>
<t:animateColor targetElement=”body1″ attributeName=”backgroundColor” values=”black;red;yellow;blue;lime;green;gold;gray;white” dur=”3″ autoReverse=”false” begin=”0″ />

</BODY>
</HTML>

演示:点击进入

我来解释下,首先我们用<t:animateColor设置为是颜色的变化,然后用targetElement确定目标,attributeName来确定要改变的属性,最后用value来决定到底设置哪些可以改变的颜色,这里我设置了autoreversefalse,这个来达到不循环显示为了让大家能看的更清楚,当然大家知道了背景颜色的变化,也可以运用到其他字体或者表格什么里,还可以通过事件的触发来达到这个变化效果等,大家可以多尝试哈^_^

技术支持:中国旅馆网 SOBNB.COM