>> shmily小叶的BLOG

shmily小叶
文章分类
相册分类
友情链接

html+time第五节

(2007-12-25 shmily小叶)
点击:0
回复:0

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<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>
大家一起来学习htmltime</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值设置成从0100就可以拉,这里我们如何用代码来实现这个效果呢?

效果描述:就是让我所写的字逐渐显示

    这里所与前面代码不同的无非就是<t:TRANSITIONFILTER>标记,这个标记是用于转换滤镜的,使之能够连续性变化;
TYPE=”fade”这个当然设置的是转换滤镜的类型是过渡,这样效果就出来了

    这里我给大家留个思考题:既然FADE可以产生效果,那其他转换滤镜也应该一定可以咯,我在例子中已经加了一个另外的效果作为参考,再给个思路给大家,这个转换不仅可以用在字体上,也可以用在音乐播放器,图片等等上.

留言评论

暂无留言...

(2008-10-22)
……
  • 标题:
  • 内容:
技术支持:中国旅馆网 SOBNB.COM