第六課ffice ffice" />
上節講了漸變,我們也已經講了5個課時啦,大家應該有所收獲吧?這樣對我也算是一種激勵和安慰,F在我差不多花了一個禮拜的業余時間都來編寫這個學習筆記。今天就再講一個動畫效果——閃爍字體,想想怎么用代碼編寫呢?
可能絕大部分人都會用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行為的這個對象在時間結束時并不刪除掉,而只是改變它的顏色。
這樣大家就可以根據自己的需要來編寫這個動畫效果了,是不是很簡單。磕沁不趕快行動!好好編寫編寫吧! |