HTML＋TIME學(xué)習(xí)筆記（十一）

鶯燕音畫

第十一課

上一節(jié)我們講解了HTML+TIME+CSS來做濾鏡的運(yùn)動效果,但那個是靜態(tài)濾鏡的,今天就讓我們來學(xué)習(xí)下動態(tài)濾鏡的動態(tài)效果如何制作:

點(diǎn)擊這里看效果

代碼如下：

<img id="image1" src="http://roger01rao.ik8.com/htmlntime/jiaocheng/ffice:smarttags" />05a.jpg"" style="position:absolute; left:150; top:100;" class="time" begin="1">fficeffice" />

<t:transitionFilter id="Wheel1" targetElement="image1" type="progidXImageTransform.Microsoft.Wheel(spokes=8)" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />

大家可以看到我這個效果了吧？現(xiàn)在大家在一些音畫論壇可以看到有些人發(fā)了什么幻燈片效果,其實(shí)就是這個動態(tài)效果，只是它是由10來個效果甚至更多效果綜合起來而已，這樣看起來就不單調(diào)了。<t:transitionFilter/> 屬性就是來生成動態(tài)濾鏡效果的，當(dāng)然CSS動態(tài)濾鏡還有很多，這里我就不一一舉例了,在以后的帖子里慢慢介紹給大家。當(dāng)然也可以自己去嘗試。

[ 本帖最后由 roger01rao 于 2008-8-8 15:12 編輯 ]

一劍飄香紅

LZ吊人胃口啊

快樂相隨

不錯的效果，以后做音畫帖子會用了

文子

雖然偶不懂，進(jìn)來支持下

秋風(fēng)孤影

XImageTransform.Microsoft.Wheel(spokes=8)\" mode=\"in\" begin=\"image1.begin\" dur=\"2\" autoreverse=\"false\" repeatcount=\"1\" />

秋風(fēng)孤影

怎么不對 請問錯誤在那里

鶯燕音畫

你可能沒有仔細(xì)看該筆記吧？再仔細(xì)看看吧。

白雪皚皚

等著樓主全部完工后交作業(yè)。

qqqwww

[ 本帖最后由 qqqwww 于 2008-8-15 21:32 編輯 ]

冰雪飛夢

好好學(xué)習(xí),天天向上.