>> shmily小叶的BLOG

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

html+time第一节

(2007-12-24 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>
大家一起来学习html+time</TITLE>
<STYLE type=”text/css”>
<!–
.time{ behavior:url(#default#time2); }
–>
</STYLE>
<?IMPORT namespace=”t” implementation=”#default#time2″>
</HEAD>
<BODY>

<IMG id=”image1″ src=”http://www.html-time.cn/yanshi/xing1.gif” mce_src=”http://www.html-time.cn/yanshi/xing1.gif”  style=”position:absolute; left:0; top:0;” class=”time” begin=”0″ end=”4″>
<IMG id=”image2″ src=”http://www.html-time.cn/yanshi/xing2.gif” style=”position:absolute; left:100; top:100;” class=”time” begin=”2″ end=”6″>
</BODY>
</HTML>

演示:点击进入

这个比前面多了什么,不就多了红色部分的2?这里让我来解释下.首先ID表示名字,譬如我叫蛋蛋,然后你可以叫蛋蛋去干什么譬如蛋蛋去打球,就是蛋蛋.打球,那我这里也就可以这么来写了,image1.begin,表示图像一开始的意思,就是确定个对象然后让它干什么,接下来的是图片的绝对地址就不用多了吧?然后整句STYLE就是对图片的绝对定位,关于绝对定位的具体理解请大家看我另外的帖子,CLASS表示类型,譬如这个是关于时间的,既然关于时间的,当然有显示和结束咯,begin表示开始,end表示结束, begin=”0″ end=”4″表示0秒开始,4秒消失的意思,就这么简单一个按时间分布显示的动画就出来拉~
   
题外话:当然这个不仅仅适用于图片,还适用于表格,层等某些各类标签,大家可以尝试下哦
技术支持:中国旅馆网 SOBNB.COM