HTML+TIME學(xué)習(xí)筆記（一）

鶯燕音畫 · 發(fā)表于 2008-8-6 18:59

我發(fā)過一些html+time的帖子，有些朋友不太明白，要求給出個教程。本人也是初學(xué)，因此不能算作教程，只能算是一些學(xué)習(xí)經(jīng)驗吧。好了廢話就不說了，轉(zhuǎn)入正題吧！

第一節(jié)

HTML+TIME，是由Microsoft公司開發(fā)的東西,，我們用的HTML+TIME (2.0)，如果不是在IE5.5以上的瀏覽器，不能正常看，不過我想大家的IE應(yīng)該都在6以上了吧？對不對？

為了吸引大家，首先來說說它的優(yōu)點：
①比JS腳本容易理解，容易自如運用。
②可以按照自己的想象用簡單的代碼實現(xiàn)復(fù)雜的效果。

首先，我要聲明一點，就是我這里講的不是照論壇UBB代碼格式，而是按照HTML網(wǎng)頁模式的。好了，現(xiàn)在開始吧：

首先，代碼頭文件必須包含以下代碼：

<!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">

</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">
</HEAD> fficeffice" />

<BODY>

</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">

</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就是對圖片的絕對定位，關(guān)于絕對定位的具體理解請大家看我另外的帖子，CLASS表示類型，譬如這個是關(guān)于時間的，既然關(guān)于時間的，當(dāng)然有顯示和結(jié)束咯，begin表示開始，end表示結(jié)束， begin="0" end="4"表示0秒開始，4秒消失的意思。就這么簡單，一個按時間分布顯示的動畫就出來拉！