HTML＋TIME學習筆記（九）

鶯燕音畫

第九課

上一節我們講解了兩個事件，這里我就這兩個事件進行拓展，大家應該都知道CSS，做過音畫帖子的一定用它修飾過帖子，可以達到很好的美化效果，我在HTML音畫帖子里也經常使用，大家可以去看看這方面的介紹，我就不在這里講了。

這一節我們一起來學習如何用這個HTML+TIME+CSS來產生動態效果

點擊這里看效果

再看代碼，如下：

<img id="image1" src=" http://roger01rao.ik8.com/htmlntime/jiaocheng/ffice:smarttags" />05a.jpg" style="position:absolute; left:0; top:0; filter:alpha(opacity=100);">

<t:set id="alpha1" targetElement="image1" attributeName="filter" to="alpha(opacity=20)" begin="image1.mouseover" end="image1.mouseout" />

大家可以看到我這個就是attributeName用了filter，大家看過前面應該學習過這個屬性，我用它做過字體color的變化，這里我就不多介紹了。其實這里面所有代碼我前面都解釋過，這里只是提供給大家一個思路罷了，看演示就可以看到這個效果，把鼠標放到圖片上去試試就知道了。當然CSS靜態濾鏡還有很多，比如：blur,chroma,dropShadow,flipH,flipV,glow,gray,invert,light,mask,shadow,wave,Xray等等等等。這些不只可以用于圖片，還可以用于文字等，大家自己去嘗試一下,如果有哪個濾鏡不會出效果,可以在回復上留言，大家一起來探討探討，互相學習，共同提高嘛！

一劍飄香紅

不錯的教程,謝謝分享

紫色靈楓

學習了謝謝樓主分享

快樂相隨

學習了，謝謝。

文子

雖然偶不懂，進來支持下

ヤ;聆聽浪漫

研究學習下！！！！！！！！！！！！！！！！！

白雪皚皚

慢慢跟著學習。

雄杰獨倚

交個作業

請問老師，我這個里面怎樣才能讓邊框跟著變化呢

[ 本帖最后由 小二 于 2008-9-5 22:18 編輯 ]

蕾朵

支持你喔！喜歡你的這個系列教程。

冰雪飛夢

CSS靜態濾鏡還有很多， 比如blur,chroma,dropShadow,flipH,flipV,glow,gray,invert,light,mask,shadow,wave,Xray等 請問老師,換濾鏡代碼,是在這里換嗎: filter:alpha(opacity=100)\\attributeName=\"filter\"