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

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

我们在浏览页面的时候，会看到在页面上移动的文字，文字的移动方向有从左到右、从右到左、从上到下、从下到上等。下面，我们来看看如何使用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怎么下载

    英雄联盟lol怎么下载

    01、先搜狗搜索：英雄联盟。 02、然后再点击页面中间的下载游戏。 03、选择最上方的下载方式进行子程序下载。 04、下载子程序完成之后，运行，会出现一个下载界面，点击开始下载即可。 05、完...

    阅读: 1114

  • LOLS8龙女打野天赋符文龙女出装加点

    LOLS8龙女打野天赋符文龙女出装加点

    01、首先选择精密系的致命节奏。 02、然后依次点出凯旋，传说：欢欣，致命一击。 03、副符文系选择主宰，然后点出猛然冲击和无情猎手。 04、出装和加点方式可以选择图中的方式。 05、以上就是...

    阅读: 1049

  • 英雄联盟lol哪些英雄克制剑圣？

    英雄联盟lol哪些英雄克制剑圣？

    01、武器大师作为半肉，武器大师有输出有控制有护甲，还有技能“反击风暴”的存在，完全不虚剑圣。在武器的打野套路被开发出的现在版本，剑圣在野区看见武器只能选择退让或者是呼唤队友，可见武器是非常的克制剑圣...

    阅读: 805

  • 青蛙游戏反映了什么问题

    青蛙游戏反映了什么问题

    01、流行文化的不断转变这款游戏十分符合最近流行的一种生活方式——佛系养身，与当下的流行文化紧密贴合。 02、人们对契约关系的渴望游戏当中的这只青蛙，无异于日常生活中的宠物，你需要给它准备出行的食物...

    阅读: 799

  • 如何获得英雄联盟边框

    如何获得英雄联盟边框

    英雄联盟01、首先，英雄联盟的边框是不可以充钱得到的，它是每个赛季结束后根据召唤师的段位由系统发放的赛季奖励。 02、根据赛季结算时段位的不同，有不同的边框奖励，段位越高，获得的边框就会越精致。每个...

    阅读: 940

  • 剑网三95级新地图boss点

    剑网三95级新地图boss点

    01、剑网三的95级新地图——阴山大草原、五台山、千岛湖和黑戈壁。终于在不久前更新了。并且这些野外BOSS在被首次击杀后可能会掉落各职业相对应心法的720装备。 02、阴山大草原BOSS在：王族猎场...

    阅读: 834

  • 金庸群侠传x完美女主攻略

    金庸群侠传x完美女主攻略

    金庸群侠传x01、金庸群侠传x完美女主是游戏新出的一个隐藏剧情，首先介绍四个解锁选项：春：可以解锁独孤11级；夏：可以解锁胡刀11级；秋：可以解锁斗转11级；冬：可以解锁野球拳11级。 02、另外玩...

    阅读: 1065

  • 女性手游市场潜力如何

    女性手游市场潜力如何

    01、女性手游市场，在很早以前就有人提出了这个概念，并且认为女性游戏市场存在着巨大潜力，在之前，有关女性游戏市场提到的更多的词汇是乙女游戏市场。 02、早在手游刚刚上市的时候，就有企业关注过女性市场...

    阅读: 1025

  • 怎么在电脑上玩旅行青蛙

    怎么在电脑上玩旅行青蛙

    电脑01、首先我们打开浏览器搜索 蓝叠安卓模拟器 ，选择下载并且安装 02、安装完成后会到桌面 打开蓝叠安卓模拟器 点击应用中心 03、搜索并且下载 旅行青蛙 04、下载安装完成之后，我们会到蓝...

    阅读: 794

  • 微信砸金蛋活动亮点

    微信砸金蛋活动亮点

    电脑砸金蛋活动亮点01、活动形式简单粗暴，参与性强，进入活动选择金蛋击碎，即可参加抽奖。 02、背景个性化定制，开放活动背景自定义配置功能，商家可以定制设计个性专属活动 03、资料收集，自定义采集...

    阅读: 875

更多排行榜

热门文章

最近更新