实例教程:HTML中会移动的文字
当我们浏览页面时,我们会看到文本在页面上移动。文本的移动方向是从左到右、从右到左、从上到下、从下到上等。
接下来,我们来看看如何用HTML代码写出会动的字。
工具/材料
超文本标记语言
操作方法 01
语法
(1)一般用< marquee gt lt/marquee gt;例如,要设置移动文本,我们编写以下代码:
(2)< marquee gt;可以移动的文本
02
文本移动速度
(1)使用scrollamount设置文本的移动速度。例如,我们编写以下代码:
< marquee scrollamount = 16 gt;快点,快点
03
设置文字移动的方向
(1)direction在英语中是方向的意思。同样,使用方向来设置文本移动的方向。方向可以设置为左、右、上、下等。编写以下代码:
< marquee direction = left gt;文本从右向左
04
单词的循环次数
(1)一般来说,单词默认是无限循环的。我们来看看如何指定单词的循环数。
使用loop设置字循环数。例如,编写以下代码:
< marquee loop = 3 gt;文本只会循环三次
05
对齐
HTML中的文本对齐功能是使用align属性设置的,属性值可以是top、Middle、button。比如我们编写下面的代码:
(2)预览效果
然后在浏览器中预览效果,可以看到文字是向上对齐的,如下图所示:
06
移动区域
(1)设置将要移动的文本的范围,例如文本的长度和宽度。例如,我们编写以下代码:
< marquee height = 40 width = 50% bgcolor = pink gt;区域内移动的文本
07
Delay
(1)设置文字的运行速度,让文字有时快有时慢。写代码如下:
(2)预览效果
在浏览器中预览效果,可以看到文字先快后慢,如下图所示: