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

HTML＋TIME学习笔记（十一）

<P class=ft style="MARGIN: auto 0cm; TEXT-ALIGN: center" align=center><FONT face=宋体 color=#000000 size=3>第十一课</FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体><SPAN lang=EN-US>   </SPAN>上一节我们讲解了<SPAN lang=EN-US>HTML+TIME+CSS</SPAN>来做滤镜的运动效果<SPAN lang=EN-US>,</SPAN>但那个是静态滤镜的<SPAN lang=EN-US>,</SPAN>今天就让我们来学习下动态滤镜的动态效果如何制作<SPAN lang=EN-US>:</SPAN></FONT></FONT></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT face=宋体 color=blue size=5><A href="http://roger01rao.ik8.com/htmlntime/jiaocheng/教程11.html"><FONT face=宋体 color=blue size=5>点击这里看效果</FONT></A></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体>代码如下：<SPAN lang=EN-US>    </SPAN></FONT></FONT></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT size=3><FONT color=#000000><FONT face=宋体>&lt;img id="image1" src="http://roger01rao.ik8.com/htmlntime/jiaocheng/<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" /><st1:chmetcnv w:st="on" UnitName="a" SourceValue="5" HasSpace="False" Negative="False" NumberType="1" TCSC="0">05a</st1:chmetcnv>.jpg"" style="position:absolute; left:150; top:100;" class="time" begin="1"&gt;<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></FONT></FONT></FONT></SPAN></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT face=宋体 color=#000000 size=3>&lt;t:transitionFilter id="Wheel1" targetElement="image1" type="progid:DXImageTransform.Microsoft.Wheel(spokes=8)" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" /&gt; </FONT></SPAN></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT face=宋体 color=#000000 size=3></FONT></SPAN> </P>
<P class=ft style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体><SPAN lang=EN-US>    </SPAN>大家可以看到我这个效果了吧？现在大家在一些音画论坛可以看到有些人发了什么幻灯片效果<SPAN lang=EN-US>,</SPAN>其实就是这个动态效果，只是它是由<SPAN lang=EN-US>10</SPAN>来个效果甚至更多效果综合起来而已，这样看起来就不单调了。<SPAN lang=EN-US>&lt;t:transitionFilter/&gt; </SPAN>属性就是来生成动态滤镜效果的，当然<SPAN lang=EN-US>CSS</SPAN>动态滤镜还有很多，这里我就不一一举例了<SPAN lang=EN-US>,</SPAN>在以后的帖子里慢慢介绍给大家。当然也可以自己去尝试。</FONT></FONT></FONT></P>

[ 本帖最后由 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

<img id=\"image1\" src=\"http://www.yinhuabbs.cn/attachments/month_0808/20080802_298ba360d6127bc28996xB4CvoZGQp2s.gif\"\" style=\"position:absolute; left:150; top:100;\" class=\"time\" begin=\"1\">

<t:transitionFilter id=\"Wheel1\" targetElement=\"image1\" type=\"progid:DXImageTransform.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# 的帖子

好好学习,天天向上.
页: [1] 2
查看完整版本: HTML＋TIME学习笔记（十一）