中畫網

標題: HTML+TIME學習筆記(一) [打印本頁]

作者: 鶯燕音畫    時間: 2008-8-6 18:59
標題: HTML+TIME學習筆記(一)

我發過一些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> 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 19:03 編輯 ]
作者: skyline    時間: 2008-8-6 20:10
好東東,謝謝分享。
作者: 鶯燕音畫    時間: 2008-8-7 10:41
既然沒有人留言提意見,那就不繼續了,如果有需要我再寫吧。
作者: 雨后斜陽    時間: 2008-8-7 16:50
很實用的教材!
作者: 白雪皚皚    時間: 2008-8-7 17:46
我收藏了,慢慢研究去。
作者: 一劍飄香紅    時間: 2008-8-7 17:48
這么好的東東,一定要頂上去
作者: 鶯燕音畫    時間: 2008-8-7 19:40
我本來想全部發在一起的,可是那樣太費時間,所有這樣簡單一點,就偷點懶了。
作者: 快樂相隨    時間: 2008-8-8 00:03
說得很詳細,是很實用的教材,再來學習一下。建議黃鶯語柳連在一起發個完整教材,可以在網絡中流傳了。
作者: 鶯燕音畫    時間: 2008-8-8 01:20
我把它發完了,在在一個頁面中作連接就行了,這樣大家看起來也方便些。不過得等以后有時間了。
作者: ヤ;聆聽浪漫    時間: 2008-8-8 17:35
從第一章開始學起!!!先收藏!!
作者: 文子    時間: 2008-8-8 22:28
雖然偶不懂,也來支持下,有時間也來學習學習,感謝黃鶯語柳寫的教程,辛苦!
作者: 紫衣飄雪    時間: 2008-8-25 14:22
樓主辛苦了, 不過看的暈呼呼的,找不著方向代碼真難懂好復雜
作者: 雄杰獨倚    時間: 2008-8-31 17:26
很通俗易懂~這教材不錯啊~好好學習
作者: 水若寒    時間: 2008-9-1 21:06
學習來了~`收藏好~一步步學習~謝謝~
作者: 水若寒    時間: 2008-10-2 20:39
現在這個可以聽明白了,謝謝樓主!
作者: 飄渺    時間: 2008-10-3 09:26
是個寶貴材料哦 樓主辛苦了 謝謝樓主
作者: 西伯里亞之美    時間: 2008-10-4 23:34
學習加感謝了!呵呵。樓主辛苦了!
作者: zw1126    時間: 2008-10-7 12:25
好東西,收藏了,謝謝
作者: 西伯里亞之美    時間: 2008-10-9 15:09
學習了.非常感謝版主!
作者: 嗼茗舞    時間: 2008-10-10 21:09
又多懂了一點,謝謝分享
作者: 嵐馨兒    時間: 2008-10-15 13:25
看來想做特效要先學這個呀
作者: 冰雪飛夢    時間: 2008-10-15 20:12
不知是什么,來學習了,把第一排代碼去掉,一樣的用吧.這么漂亮的圖,讓它多停會,別走那么快. 黃鶯語柳 紫燕歸梁
作者: 飄渺    時間: 2008-10-15 20:52
首先謝謝樓主 想學還沒地方學呢 難得樓主這么好熱心 我想問一個問題:我們用的HTML+TIME (2.0) HTML+TIME (2.0)是軟件嗎 哪里有下載? 期待答復[s:3]
作者: 飄渺    時間: 2008-10-15 21:23
我也來試試 [ 本帖最后由 飄渺 于 2008-10-15 21:38 編輯 ]
作者: 飄渺    時間: 2008-10-15 21:34
失敗了 也不知道錯哪兒啦
作者: 雨淼    時間: 2008-10-18 09:38
俺是新手,簡單的還不會呢,這種特效學起來就更費勁了哈~~ 雖然不懂,但樓主這么費心為大家編寫教程,一定要支持一下~ 獻花~
作者: 風之韻    時間: 2008-10-19 14:51
來學習,可惜好多不明白
作者: 藍心淚    時間: 2008-10-21 05:00
對代碼都不是懂慢慢 慢慢懂 就好了~!
作者: 海闊天空    時間: 2008-11-2 18:30
再頂!
作者: 陽光世界    時間: 2008-11-2 19:54
講的真詳細啊 [ 本帖最后由 陽光世界 于 2008-11-2 19:55 編輯 ]
作者: 淡泊明志    時間: 2008-11-11 01:29
學習
作者: 老樹新枝    時間: 2009-7-5 10:12
辛苦了,非常好的教材,期待后續。
作者: 康橋    時間: 2009-7-5 13:50

作者: 蔣勝兵    時間: 2009-9-12 02:17
從第一章開始學起!!!先收藏!!
作者: tonehe    時間: 2009-9-13 00:00
原帖由 roger01rao 于 2008-8-6 18:59 發表 我發過一些html+time的帖子,有些朋友不太明白,要求給出個教程。本人也是初學,因此不能算作教程,只能算是一些學習經驗吧。好了廢話就不說了,轉入正題吧! 第一節 HTML+TIME,是由Microsoft公司 ...
請繼續,連接邊不上




歡迎光臨 中畫網 (http://www.nujv.cn/) Powered by Discuz! X3.4
主站蜘蛛池模板: 狠狠色狠狠色综合久久| 久久久久综合中文字幕| 日韩欧国产精品一区综合无码| 亚洲综合精品香蕉久久网97| 亚洲av综合av一区| 色综合久久中文字幕无码| 国产精品亚洲综合久久| 国产亚洲综合一区柠檬导航| 日日AV色欲香天天综合网| 99久久精品国产综合一区| 亚洲Av综合色区无码专区桃色 | 亚洲欧美国产日产综合不卡| 久久本道久久综合伊人| 91精品一区二区综合在线| 狠狠色狠狠色综合伊人| 日韩欧美综合在线| 国产综合成人久久大片91| 五月天激情综合网丁香婷婷 | 一本色道久久88加勒比—综合 | 久久久久高潮综合影院| 色天使亚洲综合在线观看| 久久99国产综合精品| 久久综合视频网站| 欧美婷婷六月丁香综合色| 久久综合综合久久狠狠狠97色88| 亚洲综合自拍成人| 色综合天天综合中文网| 99精品国产综合久久久久五月天| 久久综合九色综合网站| 伊人久久综合无码成人网| 亚洲国产日韩综合久久精品| 亚洲色欲色欲综合网站| 青青草原综合久久大伊人精品| 久久综合色老色| 天天干天天色综合| 亚洲欧美国产日韩综合久久| 欧美日韩综合精品| 狠狠色狠狠色综合系列| 亚洲精品综合一二三区在线 | 成人伊人亚洲人综合网站222| 亚洲国产综合欧美在线不卡|