第六课fficeffice" />
上节讲了渐变,我们也已经讲了5个课时啦,大家应该有所收获吧?这样对我也算是一种激励和安慰。现在我差不多花了一个礼拜的业余时间都来编写这个学习笔记。今天就再讲一个动画效果——闪烁字体,想想怎么用代码编写呢?
可能绝大部分人都会用JS脚本编写这个效果,不过没TIME写的简单。
先来看看例子
点击看效果
接下来看代码:
<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">
<font face=华文琥珀 size=14><br><br><br>欢迎光临“黄莺语柳 紫燕归梁”的空间!<br>希望大家不吝赐教,以便进一步提高。
</font>
</SPAN>
</CENTER>
效果描述:就是让所写的文字动态闪烁显示
这里有两个地方需要注意,首先,如果我只放这段代码:
<SPAN ID="blink" STYLE="color: #FFFFFF; behavior: url(#default#time2)" begin="0;blink.end+0.1" dur="0.1" timeaction="style"><font face=华文琥珀 size=14><br><br><br>欢迎光临“黄莺语柳 紫燕归梁”的空间!<br>希望大家不吝赐教,以便进一步提高。</font></SPAN>
字体就会是黑色,背景是白色,也就到没有色彩的闪烁,为了给出一个好的效果,我这里设置了<BODY BGCOLOR="#000000" TEXT="#ff0000">,这样就可以产生红白效果的闪烁啦。
其次,这个闪烁是怎么来的呢?begin="0;blink.end+0.1" 巧妙的利用了上一次结束时间延时0.1秒来开始下一次的begin,所以能够反复闪烁而不只是一次。TIMEACTION是专门让这个时间控制针对某一个属性起作用,比方说CLASS="time" BEGIN="0" DUR="11" TIMEACTION="style" STYLE="Color:Red;"这样的一句,就是针对“红色文字”这个属性起作用,应用time行为的这个对象在时间结束时并不删除掉,而只是改变它的颜色。
这样大家就可以根据自己的需要来编写这个动画效果了,是不是很简单啊?那还不赶快行动!好好编写编写吧! |