|
我发过一些html+time的帖子，有些朋友不太明白，要求给出个教程。本人也是初学，因此不能算作教程，只能算是一些学习经验吧。好了废话就不说了，转入正题吧！
第一节
HTML+TIME，是由Microsoft公司开发的东西,，我们用的HTML+TIME (2.0)，如果不是在IE5.5以上的浏览器，不能正常看，不过我想大家的IE应该都在6以上了吧？对不对？
为了吸引大家，首先来说说它的优点：
①比JS脚本容易理解，容易自如运用。
②可以按照自己的想象用简单的代码实现复杂的效果。
首先，我要声明一点，就是我这里讲的不是照论坛UBB代码格式，而是按照HTML网页模式的。好了，现在开始吧：
首先，代码头文件必须包含以下代码：
<!DOCTYPE HTML PUBLIC "-//Wffice:smarttags" />3C//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(或者unicode或者Shift_JIS)">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
<STYLE type="text/css">
<!--
.time{
behavior:url(#default#time2);
}
-->
</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">
</HEAD> ffice ffice" />
<BODY>
<!--这里记述内容和HTML TIME的程序的-->
</BODY>
</HTML>
下面就让我们来看一个简单的例子,大家请看效果:
点击看效果
这个的代码是:
<!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>黄莺语柳 紫燕归梁</TITLE>
<STYLE type="text/css">
<!--
.time{ behavior:url(#default#time2); }
-->
</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY>
<IMG id="image1" src="http://roger01rao.ik8.com/htmlntime/jiaocheng/05a.jpg" style="position:absolute; left:0; top:0;" class="time"
begin="0" end="4">
<IMG id="image2" src="http://roger01rao.ik8.com/htmlntime/jiaocheng/06a.jpg" style="position:absolute; left:400; top:400;"
class="time" begin="2" end="6">
</BODY>
</HTML>
这个比前面多了什么呢？不就是多了红色部分的几行嘛！这里让我来解释下，首先ID表示名字，譬如我叫黄莺语柳，然后你可以叫黄莺语柳去干什么，譬如叫黄莺语柳去打球，那我这里也就可以这么来写了，image1.begin，表示图像一开始的意思，就是确定个对象然后让它干什么，接下来的是图片的绝对地址，就不用多说了。然后整句STYLE就是对图片的绝对定位，关于绝对定位的具体理解请大家看我另外的帖子，CLASS表示类型，譬如这个是关于时间的，既然关于时间的，当然有显示和结束咯，begin表示开始，end表示结束， begin="0" end="4"表示0秒开始，4秒消失的意思。就这么简单，一个按时间分布显示的动画就出来拉！
题外话：当然这个不仅仅适用于图片，还适用于表格，事件，层等各类标签，大家可以尝试下。
这是第一节，希望大家看了给我点意见，如果我有时间的话将继续写下去。
[ 本帖最后由 roger01rao 于 2008-8-6 19:03 编辑 ] | 
窥视卡
雷达卡
鲜花(
鸡蛋(
发表于 2008-8-6 18:59
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
显身卡
发表于 2008-8-6 20:10
楼主
