第六課ffice ffice" />
上節(jié)講了漸變,我們也已經(jīng)講了5個(gè)課時(shí)啦,大家應(yīng)該有所收獲吧?這樣對(duì)我也算是一種激勵(lì)和安慰。現(xiàn)在我差不多花了一個(gè)禮拜的業(yè)余時(shí)間都來(lái)編寫(xiě)這個(gè)學(xué)習(xí)筆記。今天就再講一個(gè)動(dòng)畫(huà)效果——閃爍字體,想想怎么用代碼編寫(xiě)呢?
可能絕大部分人都會(huì)用JS腳本編寫(xiě)這個(gè)效果,不過(guò)沒(méi)TIME寫(xiě)的簡(jiǎn)單。
先來(lái)看看例子
點(diǎn)擊看效果
接下來(lái)看代碼:
<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>歡迎光臨“黃鶯語(yǔ)柳 紫燕歸梁”的空間!<br>希望大家不吝賜教,以便進(jìn)一步提高。
</font>
</SPAN>
</CENTER>
效果描述:就是讓所寫(xiě)的文字動(dòng)態(tài)閃爍顯示
這里有兩個(gè)地方需要注意,首先,如果我只放這段代碼:
<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>歡迎光臨“黃鶯語(yǔ)柳 紫燕歸梁”的空間!<br>希望大家不吝賜教,以便進(jìn)一步提高。</font></SPAN>
字體就會(huì)是黑色,背景是白色,也就到?jīng)]有色彩的閃爍,為了給出一個(gè)好的效果,我這里設(shè)置了<BODY BGCOLOR="#000000" TEXT="#ff0000">,這樣就可以產(chǎn)生紅白效果的閃爍啦。
其次,這個(gè)閃爍是怎么來(lái)的呢?begin="0;blink.end+0.1" 巧妙的利用了上一次結(jié)束時(shí)間延時(shí)0.1秒來(lái)開(kāi)始下一次的begin,所以能夠反復(fù)閃爍而不只是一次。TIMEACTION是專(zhuān)門(mén)讓這個(gè)時(shí)間控制針對(duì)某一個(gè)屬性起作用,比方說(shuō)CLASS="time" BEGIN="0" DUR="11" TIMEACTION="style" STYLE="Color:Red;"這樣的一句,就是針對(duì)“紅色文字”這個(gè)屬性起作用,應(yīng)用time行為的這個(gè)對(duì)象在時(shí)間結(jié)束時(shí)并不刪除掉,而只是改變它的顏色。
這樣大家就可以根據(jù)自己的需要來(lái)編寫(xiě)這個(gè)動(dòng)畫(huà)效果了,是不是很簡(jiǎn)單?那還不趕快行動(dòng)!好好編寫(xiě)編寫(xiě)吧! |