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#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来决定到底设置哪些可以改变的颜色,这里我设置了autoreverse为false,这个来达到不循环显示为了让大家能看的更清楚,当然大家知道了背景颜色的变化,也可以运用到其他字体或者表格什么里,还可以通过事件的触发来达到这个变化效果等,大家可以多尝试哈^_^

文章分类