代碼入門(mén)教程

1、代碼入門(mén)教程（ 9）第二章 標(biāo)簽應(yīng)用第三節(jié) 移動(dòng)文字( 2)本節(jié)學(xué)習(xí)兩種移動(dòng)文字的代碼：“原地跳動(dòng)的文字”和“隔字跳動(dòng)的文字”代碼。一、原地跳動(dòng)的文字代碼：<MARQUEE direction=up height=150 behavior=alternatewidth=80><FONT style="FILTER: glow(color: mistyrose,pink=50) ：WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY:華文彩云 ; COLOR: #ff0000; FONT-SIZE: 30pt&

2、quot;> 原 </FONT></MARQUEE><MARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50) ：WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY:華文彩云 ; COLOR: #ff0000; FONT-SIZE: 30pt"> 地

3、</FONT></MARQUEE><MARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50) ：WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 彩云; COLOR: #ff0000; FONT-SIZE: 30pt"> 跳 </FONT&

4、gt;</MARQUEE><MARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50) ：WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 彩云; COLOR: #ff0000; FONT-SIZE: 30pt"> 動(dòng) </FONT></MARQUE

5、E><MARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50) ：WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 彩云; COLOR: #ff0000; FONT-SIZE: 30pt"> 文 </FONT></MARQUEE><M

6、ARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50) ：華文華文華文華文WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 彩云; COLOR: #ff0000; FONT-SIZE: 30pt"> 字 </FONT></MARQUEE>一、先看上面代碼中的一小段代碼（紅色字

7、體部 分）：這段代碼由四個(gè)標(biāo)簽組成：移動(dòng)標(biāo)簽、文字標(biāo)簽、文 字尾標(biāo)簽、移動(dòng)尾標(biāo)簽。 “移動(dòng)標(biāo)簽”和它的“尾標(biāo)簽”居 于這段代碼的首位和末尾，中間的部分是移動(dòng)的內(nèi)容。而中 間的部分是“文字標(biāo)簽”和它的“尾標(biāo)簽” ，“文字標(biāo)簽”和 它的“尾標(biāo)簽”之間是文字內(nèi)容“原”字，可見(jiàn)這段代碼的 實(shí)際效果是移動(dòng)的文字： “原”字。其余的五小段代碼與上面的這小段代碼是一樣的， 只是分別用：“地”、“跳”、“動(dòng)”、“文”、“字”替換了這段 代碼中的“原”字。二、在每個(gè)移動(dòng)標(biāo)簽中，設(shè)置了四個(gè)屬性與屬值。它們依次是：移動(dòng)方向=向上、移動(dòng)屏幕高度=150px、移動(dòng)方式=來(lái)回走、移動(dòng)屏幕寬度=80px。說(shuō)明：關(guān)于“CSS

8、靜態(tài)濾鏡”問(wèn)題，內(nèi)容比較深?yuàn)W， 暫時(shí)不予研究，只要先認(rèn)識(shí)一下即可。三、移動(dòng)標(biāo)簽中的屬性：移動(dòng)方向（向上） 、移動(dòng) 方式（來(lái)回走）、移動(dòng)屏幕的寬度（80px ）必須設(shè)置。高度 可以不設(shè)置，如果不設(shè)置高度，就變成默認(rèn)的高度?！霸靥鴦?dòng)的文字”作業(yè)：應(yīng)用上面的代碼制作一篇文章。代碼中移動(dòng)屏幕的高度與寬度可修改，文字內(nèi)容可修改。 二、隔字跳 動(dòng)的文字代碼：<MARQUEE direction=up height=160 behavior=alternate width=80><FONT color=#ff0000 size=6 face= 隸書(shū) &gt

9、; 隔</FONT></MARQUEE><MARQUEE direction=up behavior=alternatewidth=80><FONT color=#0000ff size=6 face= 隸書(shū) >字</FONT></MARQUEE><MARQUEE direction=up height=160 behavior=alternate width=80><FONT colo

10、r=#ff0000 size=6 face= 隸書(shū) > 跳</FONT></MARQUEE><MARQUEE direction=up behavior=alternatewidth=80><FONT color=#0000ff size=6 face= 隸書(shū) >動(dòng)</FONT></MARQUEE><MARQUEE direction=up height=160 behavior=alternate

11、width=80><FONT color=#ff0000 size=6 face= 隸書(shū) > 文</FONT></MARQUEE><MARQUEE direction=up behavior=alternatewidth=80><FONT color=#0000ff size=6 face= 隸書(shū) > 字</FONT></MARQUEE>代碼解析：了一個(gè)文字， 相鄰的兩個(gè)移動(dòng)標(biāo)簽中， 移

12、動(dòng)屏幕的寬度相同， 高度不同。其中一個(gè)移動(dòng)標(biāo)簽中，高度設(shè)置為160px ；另一個(gè)移動(dòng)標(biāo)簽中，沒(méi)有設(shè)置高度。沒(méi)有設(shè)置高度的，其高度大 概是采用系統(tǒng)默認(rèn)的高度吧， 在這里，這個(gè)高度大約是 200px 左右。2、每個(gè)移動(dòng)標(biāo)簽中必須設(shè)置“向上”的移動(dòng)方向 和“來(lái)回走”的移動(dòng)方式。3、不設(shè)置移動(dòng)高度的哪些移動(dòng)標(biāo)簽， 也可以都 “刪 除”掉。刪除以后，這些文字就變成靜止不動(dòng)的文字了。這 是“隔字跳動(dòng)的文字”的另一種形式。" 隔字跳動(dòng)的文字 " 作業(yè)：作業(yè) 1： 將“隔字跳動(dòng)的文字”代碼復(fù)制、粘貼到撰寫(xiě)文章 處的代碼編輯頁(yè)面中， 把文字內(nèi)容分別修改為 “我”“要”“學(xué)” “習(xí)”“代”“碼

13、”發(fā)表一篇文章，觀看其效果。作業(yè) 2：在作業(yè) 1 的基礎(chǔ)上，修改第一個(gè)、第三個(gè)、 第五個(gè)移動(dòng)標(biāo)簽的屏幕高度為260px ，發(fā)表一篇文章，觀看其效果。作業(yè) 3：去掉所有的移動(dòng)標(biāo)簽中的高度，修改第一個(gè)、第三個(gè)、第五個(gè)移動(dòng)標(biāo)簽的字號(hào)為size=7，發(fā)表一篇文章，觀看其效果。2012年10月26日于北京第二章 標(biāo)簽應(yīng)用第四節(jié) 移動(dòng)文字（ 3）本節(jié)學(xué)習(xí)兩種移動(dòng)文字的代碼：?jiǎn)巫忠苿?dòng)的橫排版與豎 排版代碼。1、單字移動(dòng)代碼（橫排版）代碼：<marquee height="55" width="55" scrollAmount="1"

14、scrollDelay="10"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal;font-weight: normal;" color="#ff0000" face=" 華 " 文彩云 =""> 春 </font></marquee><marquee

15、 height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal;font-weight: normal;" color="#ff0000" face=" 華 " 文彩云 =""

16、> 天 </font></marquee><marquee height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal;font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;

17、" color="#ff0000" face=" 華 " 文彩云 =""> 沒(méi) </font></marquee><marquee height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal; font-si

18、ze: 30pt; font-style: normal; font-variant: normal;font-weight: normal;" color="#ff0000" face=" 華 " 文彩云 =""> 來(lái) </font></marquee><marquee height="55" width="55" scrollAmount="1" scrollDelay=&quo

19、t;10"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal;font-weight: normal;" color="#ff0000" face=" 華 " 文彩云 =""> 歡 </font></marquee><marquee height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal; font-size: 30pt