实例教程:HTML中会移动的文字
2023-02-07 07:49:20来源:网络转载作者:匿名 阅读量:47 字体:大 中 小
我们在浏览页面的时候,会看到在页面上移动的文字,文字的移动方向有从左到右、从右到左、从上到下、从下到上等。下面,我们来看看如何使用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中会移动的文字》版权归原作者所有,内容不代表本站立场!
如本文内容影响到您的合法权益(含文章中内容、图片等),请及时联系本站,我们会及时删除处理。
推荐阅读
旅行青蛙怎么种三叶草
01、三叶草是自动生长的所以不需要种植,首次游戏可以在花坛处收割500个三叶草。 02、后面的三叶草会一点点往外长,大概3个小时左右就可以长满一次,长满之后即可收割获得三叶草。 03、可以通过充值...
阅读: 662
我的世界 输入中文的方法
电脑01、首先我们先启动游戏,进入游戏之后,我们按下回车键 弹出打字窗口 但是此时我们只能输入英文(中文输入法无法使用) 02、不过我们可以同时按alt+tab键,切换会电脑桌面 03、接着在电脑...
阅读: 674
CF穿越火线怎么解封180_30天申诉教程
01、封号的原因有很多,我们要知道自己被封号的原因然后才好申诉,原因有很多,比如我们在玩游戏的时候发现了游戏的BUG,不但没有举报反而是自己也使用了这个BUG,如果被系统发现的话就会被封号的。02、还...
阅读: 684
页游私服介绍
01、近段时间在网络中流行玩页游私服,页游私服提供了更多的奖励,让玩家玩得更加过瘾,升级更块、经验更高、攻击更变态,各种的属性都比传统的页游要高上很多。 我就拿贪玩蓝月给大家举个例子吧02、首先进入到...
阅读: 650
为什么中国做不出像旅行青蛙这样的游戏
01、旅行青蛙的主要玩法是什么,总体来说是一款很轻松的游戏,玩家长时间都在挂机,并不用消耗过多的时间来玩游戏,而且很贴近人们的生活。 02、旅行青蛙火热的原因是因为游戏的设定,很多女性都爱玩,就像是...
阅读: 616
dnf被制裁怎么缩短时间
01、首先手机关注微信公众号“腾讯游戏安全游戏中心” 02、进入左下角的绑定管理。 03、将自己被制裁的号加入绑定然后回到公众号选择自助服务。 04、然后选择处罚查询,就可以看到自己的制裁情况,...
阅读: 530
罪恶都市怎么游泳秘籍
电脑01、打开桌面上侠盗飞车罪恶都市客户端 02、登录游戏后,输入秘籍:LOADS OF LITTLE THINGS(两遍) 03、然后再输入秘籍:GET THE REFAST ,得到一辆汽车 ...
阅读: 698
小米电视怎么看电视直播
01、在搜狗搜索中搜索影视快搜tv版下载。 02、下载之后,将U盘插入电脑主机,将影视快搜的安装包拷贝下来。 03、把U盘插到小米电视的USB接口上,随后电视跳出一个页面,点击应用。 04、点击...
阅读: 734
u盘格式化后的文件能找回吗
电脑,U盘 01、首先要说明的一点是u盘里面的格式化了的文件,只要没有被新文件覆盖,都是可以找回来的。 02、找回的步骤第一步就是,把u盘插到电脑上面,等待电脑识别u盘,识别后进行下一步 03、...
阅读: 534
Excel表格里垂直滚动条怎么调长?
使用软件:excel01、在桌面上双击excel的快捷图标,打开excel这款软件,进入到excel的操作界面如图所示: 02、打开excel之后按下Ctrl+O键在弹出的对话框内我们找到表格文件,...
阅读: 525
热门文章
1.如何删除google play服务
- 1
- 如何删除google play服务
- 2022-12-14
- 1
2.浅析高功率光纤激光器
- 2
- 浅析高功率光纤激光器
- 2022-12-14
- 2
3.变声器怎么变萝莉音
- 3
- 变声器怎么变萝莉音
- 2022-12-14
- 3
4.支付宝如何查看已使用的余额支付额度
- 4
- 支付宝如何查看已使用的余额支付额度
- 2022-12-14
- 4
5.苹果6S来电闪光灯,iPhone6S来电闪光灯怎么设置
- 5
- 苹果6S来电闪光灯,iPhone6S来电闪光灯怎么设置
- 2022-12-14
- 5
6.如何使用photoshop制作身份证正反面合并照片
- 6
- 如何使用photoshop制作身份证正反面合并照片
- 2022-12-14
- 6
7.wps如何批量修改word中图片的尺寸,统一大小
- 7
- wps如何批量修改word中图片的尺寸,统一大小
- 2022-12-14
- 7
8.CSS 的overflow:hidden 属性详细解释
- 8
- CSS 的overflow:hidden 属性详细解释
- 2022-12-14
- 8
9.怎样让html中的img标签居中显示
- 9
- 怎样让html中的img标签居中显示
- 2022-12-14
- 9
10.如何分辨图片是否P过
- 10
- 如何分辨图片是否P过
- 2022-12-14
- 10
最近更新
怎么将wps输出为pdf的文字水印设置为单行
2025-04-26
Ubuntu 20.04新增仓颉输入法
2025-04-26
950显卡能吃鸡吗
2025-04-27
扫描件是什么格式的
2025-04-26
win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)
2025-04-26
电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标
2025-04-26
怎么用vlookup匹配数据?
2025-04-26
嗜睡说明了什么问题
2022-12-21
入睡很困难该怎么办
2022-12-20
发质不好可以怎么办
2022-12-21