文章分类
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 BGCOLOR=”#000000″ TEXT=”#ff0000″>
<CENTER>
<SPAN ID=”blink” STYLE=”color: #FFFFFF; behavior: url(#default#time2)” begin=”0;blink.end+0.1″ dur=”0.1″ timeaction=”style”>
欢迎大家来到蛋蛋的博客，有什么能帮忙的尽管说
</SPAN>
</CENTER>
</BODY>
</HTML>
演示：点击进入
效果描述:就是让我所写的字动态闪烁显示
这里有2个地方需要注意,首先
<SPAN ID=”52zt” STYLE=”color: #FFFFFF; behavior: url(#default#time2)” begin=”0;52zt.end+0.1″ dur=”0.1″ timeaction=”style”>
欢迎大家来到蛋蛋的博客，有什么能帮忙的尽管说
</SPAN>我只放这段代码,字体就会白色到没这样的闪烁,为了给出一个好的效果,我这里设置了TEXT=”#ff0000″,这样就可以产生红白效果的闪烁拉
至于这个闪烁怎么来的呢begin=”0;blink.end+0.1″ 巧妙的利用了上一次结束时间延时0.1秒来开始下一次的begin，所以能够反复闪烁而不是一次TIMEACTION是专门让这个时间控制针对某一个属性起作用，比方说
CLASS=”time” BEGIN=”0″ DUR=”11″ TIMEACTION=”style” STYLE=”Color:Red;”
这样的一句，就是针对“红色文字”这个属性起作用，应用time行为的这个对象在时间结束时并不删除掉，而只是改变它的颜色
这样大家就可以根据自己的需要来编写这个动画效果了,是不是很简单啊?那还不赶快行动?好好编写撒~
