位置:首页母婴教育>实例教程:HTML中会移动的文字 photoshop实例教程

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

所属分类:母婴教育 发布时间:2025/8/21 6:58:09

我们在浏览页面的时候,会看到在页面上移动的文字,文字的移动方向有从左到右、从右到左、从上到下、从下到上等。下面,我们来看看如何使用HTML代码编写会移动的文字吧。

工具/材料

HTML

操作方法

01

语法代码

(1)一般使用<marquee></marquee>来设置移动文字,比如我们编写如下代码:

(2)<marquee>会移动的文字</marquee>

预览效果可以发现编写在<marquee></marquee>标签内的文字,会从右边到左边循环移动,如下图所示:

02

文字移动速度

(1)使用scrollamount来设置文字的移动速度,比如我们编写如下所示代码:

<marquee scrollamount=16>快点,快点</marquee>

<marquee scrollamount=12>等等我</marquee>

(2)预览效果

可以看到scrollamount的数值越大,移动的速度就会越快,如下图所示:

03

设置文字移动的方向

(1)direction在英文上是方向的意思,同样使用direction来设置文字的移动方向,方向可以设置为左、右、上、下等等,编写如下代码:

<marquee direction=left>文字从右边向左边</marquee> <P>

<marquee direction=right>从左边向右边移</marquee>

(2)预览效果

可以看到当direction=left时,文字从右边向左边,当direction=right时,文字从左边向右边,如下图所示:

04

文字循环的次数

(1)一般来说文字是默认无限次循环的,下面,我们来看看如何指定文字的循环次数吧。使用loop来设置文字的循环次数,比如编写代码如下:

<marquee loop=3 >文字只会循环三次</marquee>

(2)预览效果

可以在浏览器上看到,文字只会循环三次,如下图所示:

05

文字对齐

在HTML中的文字对齐功能,使用align属性来设置,属性值可以为top、Middle、button,比如我们编写如下所示的代码:

(2)预览效果

然后在浏览器中预览效果,可以看到文字向上对齐,如下图所示:

06

移动面积

(1)设置会移动的文字范围,比如文字在长为多少,宽为多少的区域内移动,比如我们编写如下代码:

<marquee height=40 width=50% bgcolor=pink>在区域内移动的文字</marquee>

(2)预览效果

在浏览器中可以看到文字在高为40,宽为浏览器一半的区域内移动,且区域的颜色为粉红色,如下图所示:

07

延时

(1)设置文字的运行速度,让文字可以时而快,时而慢地做运动,编写代码如下所示:

(2)预览效果

在浏览器中预览效果,可以看到文字先做快速度,然后做慢速度,如下图所示:

推荐信息

  • 四六级段落信息匹配题答题技巧 四六级段落匹配题怎么做

    母婴教育时间:2025/8/21 7:00:26

    四六级英语考试是大学生必须拿下的考试证书,小编在这里介绍下自己的考试心得,希望帮助到大家。操作方法01先看题目,再看文章内容。段落信息匹配题的答题选项是对文章内容的简要概括,先浏览题干,做到心中有数。02抓关键性数字,重复出现的单词短语。文章中出现的数字,经常出现的单词短语往往是答题的关键。将文中反

  • 怎么做一个英语的自我介绍 怎样做英语自我介绍?

    母婴教育时间:2025/8/22 17:18:52

    英语是国际化语言,学习好它,我们才能和国际接轨,那么,如何用英语做一个简短的自我介绍呢,小编为你介绍下:怎么做一个英语的自我介绍。工具/材料英语操作方法01打招呼英语的自我介绍,开头第一句当然是打招呼语句了,我们就可以简单的说“Hi, good morning everyone”。02表示自己很高兴

  • 一些好用的日语学习软件~日语学习软件 日语学习软件

    母婴教育时间:2025/8/21 7:00:30

    日语作为热门的小语种,很多人都会学日语作为第二外语。今天小编就来介绍一些好用的日语学习软件。操作方法01沪江开心词场,这是一个很好的背日语单词的app。沪江的背单词app还是很好用的,它可以让背日语单词变得不那么的枯燥,尤其是在改版之后画面变得更加可爱,还可以用闯关的模式来学习单词。02沪江听力酷,

  • 指示代词的用法 指示代词的用法

    母婴教育时间:2025/8/21 6:55:56

    顾名思义,指示代词是具有指示意义的代词,那么指示代词应该怎么用呢?操作方法01指示代词有四个:this,that,these,those。意思分别为:这个,那个,这些,那些。these是this的复数形式,those是that的复数形式。四个指示代词的共同点是既可作代词,又可作定语修饰名词。02th

  • 如何用扇贝单词背单词 如何用扇贝单词背单词视频

    母婴教育时间:2025/8/21 6:59:41

    使用扇贝单词记忆单词好处是阶段性学习、复习,符合记忆曲线规律。快跟小编一起来看看怎么使用扇贝背单词吧!工具/材料扇贝单词app操作方法01打开扇贝,选择单词书(第一次使用扇贝会自动弹出选单词书的页面哦,若需要更改单词书,可在个人中心更改单词书)02依次选择“设置”—“学习设置”可设置每日学习的单词量

  • 初中英语重要句型 初中英语重要句型及例句

    母婴教育时间:2025/8/23 3:06:59

    在初中英语中会涉及到很多重点句型的学习,掌握这些句型不仅能让你在答题、写作时展现出更高英语水平,也能使你的口语水平有一个提升。下面就为大家介绍几个初中英语重要的句型。操作方法01(主语)ask/tell sb.  to do sth. 让…做…在这个句型中需注意的是to do的不定式,在选词填空或这

  • 英语自我介绍的各种说法 英语自我介绍的表达方式

    母婴教育时间:2025/8/21 6:56:20

    随着英语的普及,我们很多时候都需要使用英文介绍自己,那么我们该怎么说呢?一起来看看下面的范文吧!操作方法01My name is ________. I am graduate from ________ senior high school and major in ________. There

  • 感恩节英语祝福语 感恩节英语祝福语三百字

    母婴教育时间:2025/8/21 6:59:34

    感恩节是个国外的宗教节日,最近在国内也是非常流行。借着这个节日,我们可以把平时说不出口的感情说出来,去感谢那些帮助过我们的人。既然这是个国外的节日,那用英语表达我们的感情是不是会显得更洋气一些呢?今天我就来教大家几句感恩节的祝福语吧!操作方法01Thanksgiving is a time when

  • 圣诞节英语怎么写 圣诞节英语怎么写单词

    母婴教育时间:2025/8/21 7:00:21

    每年圣诞节我们都会给身边的人送上祝福,今天小编就来告诉大家圣诞节英语怎么写吧,让你的祝福与众不同操作方法01圣诞节英语的表示方式为:Christmas Day;或者Christmas;圣诞节快乐是 Merry Christmas;圣诞节的前一夜就是平安夜啦,平安夜用英语表示是: Silent Nig

  • 解决枯燥英语课堂的小游戏 解决枯燥英语课堂的小技巧

    母婴教育时间:2025/8/22 4:13:31

    感谢多年来各位英语老师的绞尽脑汁,为我们提供有趣的课堂活动,今天就给大家分享一下,我印象很深刻的课堂游戏。操作方法01首先是根据不同的年级,找到适宜该阶段青少年的方法,引起他们的兴趣。小学阶段教学目的在于培养儿童在英语方面的兴趣,打下简单的基础,习得基本的词汇、句子,运用简单的句子进行文章创作以及能