实例教程：HTML中会移动的文字

2023-02-07 07:49:20来源：网络转载作者：匿名 阅读量：77 字体：大 中 小

我们在浏览页面的时候，会看到在页面上移动的文字，文字的移动方向有从左到右、从右到左、从上到下、从下到上等。下面，我们来看看如何使用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中会移动的文字》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • LOL CF 您的游戏环境异常 请重启机器后再试

    LOL CF 您的游戏环境异常 请重启机器后再试

    电脑，CF LOL01、有的时候玩游戏正玩的开心，突然就弹出这样一个提示，我们应该先重启一下电脑，看电脑能不能解决这个问题。 02、如果解决不了，那么我们要检查一下自己的windows是不是最新的，...

    阅读: 722

  • 三国群英传1攻略

    三国群英传1攻略

    01、在一开始选择角色的时候，推荐选择刘备，因为难度没有那么高，在初期的时候就进行武将探索，如果运气比较好的话能够召到一个人。 02、在游戏中，不同兵种之间的对抗是十分重要的，比如弓兵会克制枪兵，枪...

    阅读: 850

  • 剑三世界boss怎么打

    剑三世界boss怎么打

    01、一般在世界boss刷新之前玩家们就会聚集到刷新点，这个时候要注意了，攻击模式不要切换成“阵营模式”了，这样很容易造成误伤，导致自己不知道是被玩家杀死的还是BOSS杀死的。 02、一些玩家的电脑...

    阅读: 786

  • 剑网3精金阁的声望怎么刷?日常任务怎么接?

    剑网3精金阁的声望怎么刷?日常任务怎么接?

    电脑，剑网三客户端。01、打开剑网三，登陆游戏。神行千里去洛阳城。飞到地图右上角的那个神行点找柳柒柒接任务。（如果接不到任务就是因为洛阳城的地图任务没有做完）任务有两是需要打怪才能完成，任务完成去np...

    阅读: 675

  • 我的世界自动烟花机

    我的世界自动烟花机

    01、首先我们应该准备好相关的原材料，制作自动烟花机所需的原材料有红石中继器、红石块、活塞、发射器、若干烟花和红石。 02、准备好原料后我们就可以开始制造了，我们先将手中的原料摆成如图所示的样子，这...

    阅读: 781

  • GTA5需要启动怎么解决！

    GTA5需要启动怎么解决！

    01、首先我们需要打开“开始”菜单栏，在其中找到“控制面板”选项，点击进入。 02、在“控制面板”的页面中，找到“时钟、语言和区域”，点击进入。 03、找到“日期与时间”，点击进入。 04、在“...

    阅读: 645

  • 我的世界怎样做指南针

    我的世界怎样做指南针

    01、登录游戏，先制造一个工作台，等会我们需要在工作台上制作指南针。 02、准备好制作指南针的原料，制作指南针需要四块铁锭和一块红石。 03、有时候我们没有铁锭，这时就需要我们自己进行铁锭的合成，...

    阅读: 734

  • 富爸爸现金流游戏玩法介绍

    富爸爸现金流游戏玩法介绍

    01、首先，需要安装好软件。进入游戏页面后，建议选择单人游戏。 02、因为很多东西在现实生活中相通的，我们在游戏中的经验也可以用到现实生活中。然后，选择电脑玩家跟我们一起玩就好了。 03、创建好账...

    阅读: 673

  • 迷你世界怎么刷皮肤

    迷你世界怎么刷皮肤

    手机迷你世界APP软件01、目前在迷你世界游戏中玩家可以通过获得足够的迷你豆来兑换皮肤，因此要想刷皮肤，就意味着刷迷你豆。那怎么获得迷你豆啦，进入游戏主页后点击“我的家园”。 02、进入我的家园后，...

    阅读: 823

  • dnf个人传送怎么用

    dnf个人传送怎么用

    01、首先自己创建一个队伍，确定自己是队长。 02、打开功能菜单，找到公会系统。 03、找到中间的公会传送，左键点击。 04、然后在选择你要去的地点，即完成了一次个人传送。 05、以上就是小编...

    阅读: 1019

更多排行榜

热门文章

最近更新