HTML＋TIME学习笔记（十一）

莺燕音画 · 发表于 2008-8-8 15:05

第十一课

上一节我们讲解了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

好好学习,天天向上.

账号		自动登录	找回密码
密码			中文注册

[教程] HTML＋TIME学习笔记（十一）

回复 1# 的帖子