中畫網(wǎng)

標題: HTML+TIME學習筆記（六） [打印本頁]

作者: 鶯燕音畫 時間: 2008-8-8 02:00
標題: HTML+TIME學習筆記（六）

第六課fficeffice" />

上節(jié)講了漸變，我們也已經(jīng)講了5個課時啦，大家應該有所收獲吧？這樣對我也算是一種激勵和安慰。現(xiàn)在我差不多花了一個禮拜的業(yè)余時間都來編寫這個學習筆記。今天就再講一個動畫效果——閃爍字體，想想怎么用代碼編寫呢？

可能絕大部分人都會用JS腳本編寫這個效果，不過沒TIME寫的簡單。

先來看看例子

點擊看效果

接下來看代碼:

<font face=華文琥珀 size=14><br><br><br>歡迎光臨“黃鶯語柳紫燕歸梁”的空間！<br>希望大家不吝賜教，以便進一步提高。

</font>

</SPAN>

</CENTER>

效果描述：就是讓所寫的文字動態(tài)閃爍顯示

這里有兩個地方需要注意，首先，如果我只放這段代碼：

<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>

字體就會是黑色，背景是白色，也就到?jīng)]有色彩的閃爍，為了給出一個好的效果，我這里設置了<BODY BGCOLOR="#000000" TEXT="#ff0000">，這樣就可以產(chǎn)生紅白效果的閃爍啦。

其次，這個閃爍是怎么來的呢？begin="0;blink.end+0.1" 巧妙的利用了上一次結束時間延時0.1秒來開始下一次的begin，所以能夠反復閃爍而不只是一次。TIMEACTION是專門讓這個時間控制針對某一個屬性起作用，比方說CLASS="time" BEGIN="0" DUR="11" TIMEACTION="style" STYLE="Color:Red;"這樣的一句，就是針對“紅色文字”這個屬性起作用，應用time行為的這個對象在時間結束時并不刪除掉，而只是改變它的顏色。

這樣大家就可以根據(jù)自己的需要來編寫這個動畫效果了，是不是很簡單啊？那還不趕快行動！好好編寫編寫吧！

作者: 一劍飄香紅 時間: 2008-8-8 09:31
先來頂哈

作者: 一劍飄香紅 時間: 2008-8-8 09:31
再來收藏了

作者: ヤ;聆聽浪漫 時間: 2008-8-8 17:52
怎么顯示的效果呢！！！你在那存的啊！！老師！！我是初學著！！

作者: ヤ;聆聽浪漫 時間: 2008-8-8 17:55

歡迎“ヤ;聆聽浪漫”帥哥的到來！
希望大家不吝賜教，以便進一步提高。 [ 本帖最后由ヤ;聆聽浪漫于 2008-8-8 18:02 編輯 ]

作者: ヤ;聆聽浪漫 時間: 2008-8-8 17:57
這樣還是蠻好玩的！！！！！

作者: ヤ;聆聽浪漫 時間: 2008-8-8 18:03
希望能學到更多！！

作者: 快樂相隨 時間: 2008-8-8 20:28
來學習了，謝謝。

作者: 文子 時間: 2008-8-8 22:45
繼續(xù)留下腳印慢慢學習。。 [ 本帖最后由文子于 2008-8-8 22:49 編輯 ]

作者: 白雪皚皚 時間: 2008-8-15 16:24
繼續(xù)跟著學習。

作者: 水若寒 時間: 2008-10-3 12:37
水若寒愛學習

水若寒感謝樓主！
繼續(xù)，繼續(xù)學習！

作者: 冰雪飛夢 時間: 2008-10-15 22:34
學習學習

好好學習
天天向上

作者: 冰雪飛夢 時間: 2008-10-15 22:40
學習學習

好好學習
天天向上

歡迎光臨中畫網(wǎng) (http://www.nujv.cn/)