我發過一些html+time的帖子,有些朋友不太明白,要求給出個教程。本人也是初學,因此不能算作教程,只能算是一些學習經驗吧。好了廢話就不說了,轉入正題吧!
第一節
HTML+TIME,是由Microsoft公司開發的東西,,我們用的HTML+TIME (2.0),如果不是在IE5.5以上的瀏覽器,不能正常看,不過我想大家的IE應該都在6以上了吧?對不對?
首先,代碼頭文件必須包含以下代碼:
<!DOCTYPE HTML PUBLIC "-//Wffice:smarttags" />
<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> fficeffice" />
<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 18:59 發表我發過一些html+time的帖子,有些朋友不太明白,要求給出個教程。本人也是初學,因此不能算作教程,只能算是一些學習經驗吧。好了廢話就不說了,轉入正題吧! 第一節 HTML+TIME,是由Microsoft公司 ...
歡迎光臨 中畫網 (http://www.nujv.cn/) | Powered by Discuz! X3.4 |