HTML+TIME學習筆記（四）

鶯燕音畫 · 發(fā)表于 2008-8-7 14:21

第四課

上節(jié)講解了顏色的變化，那這節(jié)就讓我來講下形狀的變化。

先來看看例子：

接下來看代碼:

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

</BODY>
</HTML>

效果描述:就是讓這個圖片從0.0位置逐漸變化到500.398坐標。

這里與前面代碼不同的無非就是<t:animate/>標記，這個標記是用來連續(xù)性變化圖像大小的，其他屬性前面都講過了，這里只是重復應用罷了。

這里我給大家留個作業(yè)：這里的形狀變化是從左上角開始到右下腳的，如何做到從中間逐漸放大到兩邊呢？希望大家能做這個練習，并發(fā)表在回復里。

雨后斜陽 · 發(fā)表于 2008-8-7 16:53

等有時間來交作業(yè)！

白雪皚皚 · 發(fā)表于 2008-8-7 17:57

我先學習，然后交作業(yè)。

快樂相隨 · 發(fā)表于 2008-8-8 01:12

交作業(yè)

<!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=\"t1\" src=\"http://roger01rao.ik8.com/htmlntime/jiaocheng/05a.jpg\" style=\"width:0; height:0; position:absolute; left:500; top:400;\">
<t:animate id=\"large1\" targetElement=\"t1\" attributeName=\"width\" from=\"0\" to=\"500\" begin=\"1\" dur=\"3\" fill=\"hold\" />
<t:animate id=\"large2\" targetElement=\"t1\" attributeName=\"height\" from=\"0\" to=\"398\" begin=\"large1.begin\" dur=\"3\" fill=\"hold\" />
</BODY>
</HTML>

快樂相隨 · 發(fā)表于 2008-8-8 01:18

試驗了作業(yè)好象圖片停留時間短了點，位置不夠居中，麻煩老師看看需要修改什么？

ヤ;聆聽浪漫 · 發(fā)表于 2008-8-8 17:41

先學習！！！！！！！！

文子 · 發(fā)表于 2008-8-8 22:37

留個腳印，有時間來學習

水若寒 · 發(fā)表于 2008-10-2 22:10

<!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=\"t1\" src=\"http://roger01rao.ik8.com/htmlntime/jiaocheng/05a.jpg\" style=\"width:0; height:0; position:absolute;

left:500; top:398;\">
<t:animate id=\"large1\" targetElement=\"t1\" attributeName=\"width\" from=\"0\" to=\"500\" begin=\"1\" dur=\"3\" fill=\"hold\" />
<t:animate id=\"large2\" targetElement=\"t1\" attributeName=\"height\" from=\"0\" to=\"398\" begin=\"large1.begin\" dur=\"3\" fill=\"hold\"

/>

</BODY>
</HTML>

[ 本帖最后由水若寒于 2008-10-2 22:15 編輯 ]

水若寒 · 發(fā)表于 2008-10-2 22:17

請教一下樓主哦，為什么我做成代碼它還在上面出現(xiàn)？是我做的？

shjhw · 發(fā)表于 2008-10-3 17:00

先學學，好象很難，學會了交作業(yè)

賬號		自動登錄	找回密碼
密碼			中文注冊

[教程] HTML+TIME學習筆記（四）

回復 1# 的帖子

站長推薦 /1