實例教程：HTML中會移動的文字
東西/材料
HTML
操作方式
-
01
語法代碼
（1）一般利用<marquee></marquee>來設置移動文字，好比我們編寫如下代碼：
（2）<marquee>會移動的文字</marquee>
預覽結果可以發現編寫在<marquee></marquee>標簽內的文字，會從右邊到左邊輪回移動，如下圖所示： -
02
文字移動速度
（1）利用scrollamount來設置文字的移動速度，好比我們編寫如下所示代碼：
<marquee scrollamount=16>快點，快點</marquee>
<marquee scrollamount=12>等等我</marquee>
（2）預覽結果
可以看到scrollamount的數值越年夜，移動的速度就會越快，如下圖所示： -
03
設置文字移動的偏向
（1）direction在英文上是偏向的意思，同樣利用direction來設置文字的移動偏向，偏向可以設置為左、右、上、劣等等，編寫如下代碼：
<marquee direction=left>文字從右邊標的目的左邊</marquee> <P>
<marquee direction=right>從左邊標的目的右邊移</marquee>
（2）預覽結果
可以看到當direction=left時，文字從右邊標的目的左邊，當direction=right時，文字從左邊標的目的右邊，如下圖所示： -
04
文字輪回的次數
（1）一般來說文字是默認無限次輪回的，下面，我們來看看若何指心猿意馬文字的輪回次數吧。利用loop來設置文字的輪回次數，好比編寫代碼如下：
<marquee loop=3 >文字只會輪回三次</marquee>
（2）預覽結果
可以在瀏覽器上看到，文字只會輪回三次，如下圖所示： -
05
文字對齊
在HTML中的文字對齊功能，利用align屬性來設置，屬性值可覺得top、Middle、button，好比我們編寫如下所示的代碼：
（2）預覽結果
然后在瀏覽器中預覽結果，可以看到文字標的目的上對齊，如下圖所示： -
06
移動面積
（1）設置會移動的文字規模，好比文字在長為幾多，寬為幾多的區域內移動，好比我們編寫如下代碼：
<marquee height=40 width=50% bgcolor=pink>在區域內移動的文字</marquee>
（2）預覽結果
在瀏覽器中可以看到文字在高為40，寬為瀏覽器一半的區域內移動，且區域的顏色為粉紅色，如下圖所示： -
07
延時
（1）設置文字的運行速度，讓文字可以時而快，時而慢地做活動，編寫代碼如下所示：
（2）預覽結果
在瀏覽器中預覽結果，可以看到文字先做快速度，然后做慢速度，如下圖所示： - End
- 發表于 2017-09-29 00:00
- 閱讀 ( 650 )
- 分類：科學教育
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章