代碼入門教程

1、代碼入門教程（ 9）第二章 標簽應用第三節(jié) 移動文字( 2)本節(jié)學習兩種移動文字的代碼：“原地跳動的文字”和“隔字跳動的文字”代碼。一、原地跳動的文字代碼：<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"> 動 </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、體部 分）：這段代碼由四個標簽組成：移動標簽、文字標簽、文 字尾標簽、移動尾標簽。 “移動標簽”和它的“尾標簽”居 于這段代碼的首位和末尾，中間的部分是移動的內容。而中 間的部分是“文字標簽”和它的“尾標簽” ，“文字標簽”和 它的“尾標簽”之間是文字內容“原”字，可見這段代碼的 實際效果是移動的文字： “原”字。其余的五小段代碼與上面的這小段代碼是一樣的， 只是分別用：“地”、“跳”、“動”、“文”、“字”替換了這段 代碼中的“原”字。二、在每個移動標簽中，設置了四個屬性與屬值。它們依次是：移動方向=向上、移動屏幕高度=150px、移動方式=來回走、移動屏幕寬度=80px。說明：關于“CSS

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

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

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

11、width=80><FONT color=#ff0000 size=6 face= 隸書 > 文</FONT></MARQUEE><MARQUEE direction=up behavior=alternatewidth=80><FONT color=#0000ff size=6 face= 隸書 > 字</FONT></MARQUEE>代碼解析：了一個文字， 相鄰的兩個移動標簽中， 移

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

13、”發(fā)表一篇文章，觀看其效果。作業(yè) 2：在作業(yè) 1 的基礎上，修改第一個、第三個、 第五個移動標簽的屏幕高度為260px ，發(fā)表一篇文章，觀看其效果。作業(yè) 3：去掉所有的移動標簽中的高度，修改第一個、第三個、第五個移動標簽的字號為size=7，發(fā)表一篇文章，觀看其效果。2012年10月26日于北京第二章 標簽應用第四節(jié) 移動文字（ 3）本節(jié)學習兩種移動文字的代碼：單字移動的橫排版與豎 排版代碼。1、單字移動代碼（橫排版）代碼：<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=" 華 " 文彩云 =""> 沒 </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=" 華 " 文彩云 =""> 來 </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