html+time第五节
<!DOCTYPE HTML PUBLIC “-//W
<HTML XMLNS:t=”urn:schemas-microsoft-com:time”>
<HEAD>
<META http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<META http-equiv=”Content-Style-Type” content=”text/css”>
<TITLE>大家一起来学习html+time</TITLE>
<STYLE type=”text/css”>
<!–
.time{ behavior:url(#default#time2); }
–>
</STYLE>
<?IMPORT namespace=”t” implementation=”#default#time2″>
</HEAD>
<BODY>
<DIV id=”v” STYLE=”width:350″ CLASS=”time” BEGIN=”0″ DUR=”8″ >
我们大家一起来学习HTML+TIME,如果大家有什么疑问<br>可以留言提出,一定解答,呵呵^_^
</div>
<t:TRANSITIONFILTER BEGIN=”v.begin” DUR=”3″ TYPE=”fade”/>
———————————————————————-
<DIV id=”o” STYLE=”width:270″ CLASS=”time” BEGIN=”0″ DUR=”8″ fill=”hold”>
<t:TRANSITIONFILTER BEGIN=”o.begin” DUR=”3″ TYPE=”clockwipe” />
<embed src=”http://flash.15150.com/music/2006_10_27/3142645_275303_225733.wma” autostart=true width=200 height=45></div>
</BODY>
</HTML>
演示:点击进入
上节讲解了形状的变化,那这节就让我来讲下字体的渐变,大家如果做过逐帧动画一定知道,渐变就是设置几帧然后把ALPHA值设置成从0到100就可以拉,这里我们如何用代码来实现这个效果呢?
效果描述:就是让我所写的字逐渐显示
这里所与前面代码不同的无非就是<t:TRANSITIONFILTER>标记,这个标记是用于转换滤镜的,使之能够连续性变化;
TYPE=”fade”这个当然设置的是转换滤镜的类型是过渡,这样效果就出来了
这里我给大家留个思考题:既然FADE可以产生效果,那其他转换滤镜也应该一定可以咯,我在例子中已经加了一个另外的效果作为参考,再给个思路给大家,这个转换不仅可以用在字体上,也可以用在音乐播放器,图片等等上.
文章分类