實例教程：HTML中會移動的文字 _云知道

【實例教程：HTML中會移動的文字】我們在瀏覽頁面的時候，會看到在頁面上移動的文字，文字的移動方向有從左到右、從右到左、從上到下、從下到上等。下面，我們來看看如何使用HTML代碼編寫會移動的文字吧。

工具/材料HTML
操作方法01、語法代碼
（1）一般使用來設置移動文字，比如我們編寫如下代碼：
（2）會移動的文字
預覽效果可以發現編寫在標簽內的文字，會從右邊到左邊循環移動，如下圖所示：
02、文字移動速度
（1）使用scrollamount來設置文字的移動速度，比如我們編寫如下所示代碼：
快點，快點
等等我
（2）預覽效果
可以看到scrollamount的數值越大，移動的速度就會越快，如下圖所示：
03、設置文字移動的方向
（1）direction在英文上是方向的意思，同樣使用direction來設置文字的移動方向，方向可以設置為左、右、上、下等等，編寫如下代碼：
文字從右邊向左邊
從左邊向右邊移
（2）預覽效果
可以看到當direction=left時，文字從右邊向左邊，當direction=right時，文字從左邊向右邊，如下圖所示：
04、文字循環的次數
（1）一般來說文字是默認無限次循環的，下面，我們來看看如何指定文字的循環次數吧。使用loop來設置文字的循環次數，比如編寫代碼如下：
文字只會循環三次
（2）預覽效果
可以在瀏覽器上看到，文字只會循環三次，如下圖所示：
05、文字對齊
在HTML中的文字對齊功能，使用align屬性來設置，屬性值可以為top、Middle、button，比如我們編寫如下所示的代碼：

（2）預覽效果
然后在瀏覽器中預覽效果，可以看到文字向上對齊，如下圖所示：
06、移動面積
（1）設置會移動的文字范圍，比如文字在長為多少，寬為多少的區域內移動，比如我們編寫如下代碼：
在區域內移動的文字
（2）預覽效果
在瀏覽器中可以看到文字在高為40，寬為瀏覽器一半的區域內移動，且區域的顏色為粉紅色，如下圖所示：
07、延時
（1）設置文字的運行速度，讓文字可以時而快，時而慢地做運動，編寫代碼如下所示：

（2）預覽效果
在瀏覽器中預覽效果，可以看到文字先做快速度，然后做慢速度，如下圖所示：

實例教程：HTML中會移動的文字的內容就分享到這里。