<strike id="w22og"></strike>

中畫網

標題: HTML＋TIME學習筆記（十一） [打印本頁]

作者: 鶯燕音畫 時間: 2008-8-8 15:05
標題: HTML＋TIME學習筆記（十一）

第十一課

上一節我們講解了HTML+TIME+CSS來做濾鏡的運動效果,但那個是靜態濾鏡的,今天就讓我們來學習下動態濾鏡的動態效果如何制作:

點擊這里看效果

代碼如下：

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

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

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

作者: 一劍飄香紅 時間: 2008-8-8 15:23
LZ吊人胃口啊

作者: 快樂相隨 時間: 2008-8-8 21:06
不錯的效果，以后做音畫帖子會用了

作者: 文子 時間: 2008-8-8 22:57
雖然偶不懂，進來支持下

作者: 秋風孤影 時間: 2008-8-8 23:11

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

作者: 秋風孤影 時間: 2008-8-8 23:12
怎么不對請問錯誤在那里

作者: 鶯燕音畫 時間: 2008-8-9 22:59
你可能沒有仔細看該筆記吧？再仔細看看吧。

作者: 白雪皚皚 時間: 2008-8-15 17:23
等著樓主全部完工后交作業。

作者: qqqwww 時間: 2008-8-15 21:30

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

作者: 冰雪飛夢 時間: 2008-10-16 00:04
標題: 回復 1# 的帖子
好好學習,天天向上.

作者: 冰雪飛夢 時間: 2008-10-16 00:06
學習學習

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

作者: 冰雪飛夢 時間: 2008-10-16 00:15
學習學習

XImageTransform.Microsoft.Spiral(duration=3, GridSizeX=25, GridSizeY=25)\" mode=\"in\" begin=\"image1.begin\" dur=\"2\" autoreverse=\"false\" repeatcount=\"1\" />

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

<li id="46y2g"></li>