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