|
第七節(jié) 移動(dòng)標(biāo)簽 “移動(dòng)標(biāo)簽”是非常神奇的一種標(biāo)簽，也是非常有趣的一種標(biāo)簽。大凡能夠看得見(jiàn)的內(nèi)容，比如文章、圖片、動(dòng)畫等等，我們都可以讓它移動(dòng)起來(lái)。用移動(dòng)標(biāo)簽制作的網(wǎng)頁(yè)，形式多樣、豐富多彩，是值得我們研究、探討的一種標(biāo)簽，也是我要講解的一種重點(diǎn)標(biāo)簽。 本節(jié)重點(diǎn)了解“移動(dòng)標(biāo)簽”的各種屬性，各種屬性中又以“移動(dòng)方向”和“移動(dòng)速度”為基礎(chǔ)和重點(diǎn)。還應(yīng)該了解移動(dòng)標(biāo)簽常用的幾種表達(dá)方式。從下一節(jié)課開(kāi)始，講解移動(dòng)標(biāo)簽的具體應(yīng)用。 ——————————————————————————————————————————————— 移動(dòng)標(biāo)簽如下：<marquee>內(nèi)容</marquee> （這里的“內(nèi)容”可以是文字、圖片等等內(nèi)容。） 移動(dòng)標(biāo)簽常用的屬性有： 移動(dòng)方向（direction）、移動(dòng)速度（scrollamount）、 移動(dòng)方式（behavior）、延時(shí)屬性（scrolldelay） 對(duì)齊方式（aligh）、 移動(dòng)屏幕的寬（width） 和高（height）等等。 移動(dòng)方向的屬值有： left（向左移動(dòng)）、 right（向右移動(dòng)）、 up（向上移動(dòng)）、down（向下移動(dòng)）、 默認(rèn)為left 。 移動(dòng)方向的表示方法： direction＝up 或 direction＝down 或 direction＝left 或 direction＝right 移動(dòng)速度的屬值是數(shù)字。 數(shù)字越大速度越快，一般取值為3－4。 移動(dòng)速度的表示方法如：scrollamount=4 移動(dòng)方式的表示方法如：
beha
beha
alternate（來(lái)回滾動(dòng)）
移動(dòng)屏幕的寬和高：width（寬）、height（高）
對(duì)齊方式：例如：
aligh=left （ 也可以是居右對(duì)齊、居中對(duì)齊。
right：居右 center ：居中 ）
<marquee>標(biāo)記的默認(rèn)情況是向左滾動(dòng)無(wú)限次，字幕高度是文本高度，滾動(dòng)范圍：水平滾動(dòng)的寬度是當(dāng)前位置的寬度；垂直滾動(dòng)的高度是當(dāng)前位置的高度。
_____________________________________________________________________
移動(dòng)標(biāo)簽舉例：
★移動(dòng)標(biāo)簽的幾種表達(dá)方式：
1、<marquee direction＝up scrollamount=4 >文字處</marquee>
2、<marquee direction＝up scrollamount=4 ><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff00ff"><strong>"春天沒(méi)來(lái)"歡迎您</strong></font></marquee>
3、按照原圖片的規(guī)格移動(dòng)：<MARQUEE><IMG src="http://userimage2.360doc.com/12/0701/18/4127803_201207011844380474.png"></MARQUEE>
4、改變?cè)瓐D片的規(guī)格移動(dòng)：<MARQUEE><IMG style="WIDTH: 500px; HEIGHT: 175px" src="http://userimage2.360doc.com/12/0701/18/4127803_201207011844380474.png"></MARQUEE>
5、一行多列圖片的移動(dòng)：
<marquee style="left: 0px; width: 1340px;" height="270" behavior="alternate" scrollAmount="3">
<table style="width: 1340px;" border="0" cellSpacing="0" cellPadding="0" height="280"> <tbody> <tr> <td><img border="0" src="http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_6.jpg" width="500" height="270"></td> <td><img border="0" src="http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_5.jpg" width="500" height="270"></td> <td><img border="0" src="http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_4.jpg" width="500" height="270"></td> <td><img border="0" src="http://image50.360doc.com/DownloadImg/2012/03/0120/21953071_3.jpg" width="500" height="270"></td> </tr></tbody></table></marquee>
____________________________________________________________________________
有關(guān)說(shuō)明：
1、一定要牢記：任何一種標(biāo)簽，它們的首標(biāo)簽與尾標(biāo)簽之間的內(nèi)容，就是這個(gè)標(biāo)簽所管轄的對(duì)象。
2、上面的“移動(dòng)標(biāo)簽表達(dá)方式1”：在首標(biāo)簽中設(shè)置了兩個(gè)屬性：移動(dòng)方向（direction）和移動(dòng)速度（scrollamount），移動(dòng)方向是“向上”（up ），移動(dòng)速度是4；“文字處”是指你要輸入的移動(dòng)文字內(nèi)容。這種表達(dá)方式，文字是系統(tǒng)默認(rèn)的文字，黑色，字體比較小。
3、上面的“移動(dòng)標(biāo)簽表達(dá)方式2”：在“文字處”粘貼了我們前面學(xué)過(guò)的文字標(biāo)簽內(nèi)容（藍(lán)色字體內(nèi)容），文字比較美觀。
4、上面的“移動(dòng)標(biāo)簽表達(dá)方式3——5”都是圖片的移動(dòng)標(biāo)簽。
————————————————————————————————————————
作業(yè)：
1、在括號(hào)內(nèi)填寫移動(dòng)標(biāo)簽的屬性與屬值。
移動(dòng)方向（）、移動(dòng)速度（）、移動(dòng)方式（）、延時(shí)屬性（）、對(duì)齊方式（）、移動(dòng)屏幕的寬（）、移動(dòng)屏幕的高（）、向左移動(dòng)（）、 向右移動(dòng)（）、向上移動(dòng)（）、向下移動(dòng)（）、默認(rèn)方向（）、表示連續(xù)滾動(dòng)（）、由一端快速滑動(dòng)到另一端（）、來(lái)回滾動(dòng)（）、移動(dòng)屏幕的寬（）、移動(dòng)屏幕的高（）。
2、把上面的“移動(dòng)標(biāo)簽的五種表達(dá)方式”代碼分別“復(fù)制”、“粘貼”到撰寫文章處的“代碼編輯”頁(yè)面中，點(diǎn)擊“發(fā)表”，觀看移動(dòng)效果。
|
|
|
