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

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

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

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

推荐阅读

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

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

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

    阅读: 820

  • 女性手游市场潜力如何

    女性手游市场潜力如何

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

    阅读: 806

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

    怎么在电脑上玩旅行青蛙

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

    阅读: 708

  • 微信砸金蛋活动亮点

    微信砸金蛋活动亮点

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

    阅读: 777

  • 青蛙游戏靠什么盈利

    青蛙游戏靠什么盈利

    01、这款游戏来自日本，中文名被译作“旅行青蛙”，目前并没有中文版。游戏中青蛙是你的“儿子”，玩法就是你饲养这只青蛙。 02、游戏主页面有两个，一个是庭院，一个是蛙的房间。庭院中有三叶草，收割三叶草...

    阅读: 652

  • LOL双倍经验卡怎么用如何购买

    LOL双倍经验卡怎么用如何购买

    英雄联盟游戏、双倍经验卡01、首先，登陆游戏，再“商城”里的“海克斯及其他”里选择“加成道具”，大家就可以看到各种期限和条件的双倍经验卡了。 02、双倍经验卡的类型分为两种：一种是期限双倍经验卡，顾...

    阅读: 734

  • nba2k12键盘操作大全

    nba2k12键盘操作大全

    01、前进：A 后退：S 往左：A 往右：D 02、空接:0 + Shift 背打:Enter + Shift 3 键 欧洲脚步:Shift + 5 半转身投篮: 7 03、传球键位：空格...

    阅读: 688

  • dnf暗影蔽日和荒古怎么选择?

    dnf暗影蔽日和荒古怎么选择?

    01、暗影蔽日：90级SS短剑，装备附加属性为最终伤害增加42%和25的属性强化。 02、荒古遗尘短剑：85级SS短剑，装备附加特效为增加35%所有攻击力，释放魔能后技能攻击力再上升20%。 03...

    阅读: 781

  • LOL逆羽天赋符文出装加点

    LOL逆羽天赋符文出装加点

    英雄联盟 英雄逆羽主符文01、主符文加点推荐：精密，因为逆羽是一个AD射手，主符文点精密可以使其普通攻击伤害更高。 02、主符文第二、三：迅捷步法+凯旋，迅捷步法提升逆羽的消耗恢复能力，凯旋为...

    阅读: 903

  • 《饥荒》怎么杀猪人

    《饥荒》怎么杀猪人

    01、直接击杀看见落单的猪，直接击杀。穿上护甲，带上木矛，注意走位就可以了。击杀会掉落大肉，有几率掉落猪皮。 02、让猪人自相残杀可以用怪物肉收买几个猪人，它们就会跟着你做攻击。这个时候玩家就负责捡...

    阅读: 728

更多排行榜

热门文章

最近更新