实例教程:HTML中会移动的文字
我们在浏览页面的时候,会看到在页面上移动的文字,文字的移动方向有从左到右、从右到左、从上到下、从下到上等。下面,我们来看看如何使用HTML代码编写会移动的文字吧。
工具/材料
HTML
操作方法
语法代码
(1)一般使用<marquee></marquee>来设置移动文字,比如我们编写如下代码:
(2)<marquee>会移动的文字</marquee>
预览效果可以发现编写在<marquee></marquee>标签内的文字,会从右边到左边循环移动,如下图所示:
文字移动速度
(1)使用scrollamount来设置文字的移动速度,比如我们编写如下所示代码:
<marquee scrollamount=16>快点,快点</marquee>
<marquee scrollamount=12>等等我</marquee>
(2)预览效果
可以看到scrollamount的数值越大,移动的速度就会越快,如下图所示:
设置文字移动的方向
(1)direction在英文上是方向的意思,同样使用direction来设置文字的移动方向,方向可以设置为左、右、上、下等等,编写如下代码:
<marquee direction=left>文字从右边向左边</marquee> <P>
<marquee direction=right>从左边向右边移</marquee>
(2)预览效果
可以看到当direction=left时,文字从右边向左边,当direction=right时,文字从左边向右边,如下图所示:
文字循环的次数
(1)一般来说文字是默认无限次循环的,下面,我们来看看如何指定文字的循环次数吧。使用loop来设置文字的循环次数,比如编写代码如下:
<marquee loop=3 >文字只会循环三次</marquee>
(2)预览效果
可以在浏览器上看到,文字只会循环三次,如下图所示:
文字对齐
在HTML中的文字对齐功能,使用align属性来设置,属性值可以为top、Middle、button,比如我们编写如下所示的代码:
(2)预览效果
然后在浏览器中预览效果,可以看到文字向上对齐,如下图所示:
移动面积
(1)设置会移动的文字范围,比如文字在长为多少,宽为多少的区域内移动,比如我们编写如下代码:
<marquee height=40 width=50% bgcolor=pink>在区域内移动的文字</marquee>
(2)预览效果
在浏览器中可以看到文字在高为40,宽为浏览器一半的区域内移动,且区域的颜色为粉红色,如下图所示:
延时
(1)设置文字的运行速度,让文字可以时而快,时而慢地做运动,编写代码如下所示:
(2)预览效果
在浏览器中预览效果,可以看到文字先做快速度,然后做慢速度,如下图所示:
-
如何辨别雅思成绩单的真伪
雅思成绩单被英语简称为IELTS,雅思考试是移民签证的必经之路。可见雅思成绩对于绝大多数准备留学的同学是多么重要。雅思成绩单一旦丢失将不会补办原件,那么雅思成绩单丢了怎么办,如何辨别雅思成绩单的真伪?以下作详细说明。工具/材料雅思成绩单荧光灯操作方法第一...
-
英语音标快速记忆法
英语音标对于英语的学习的作用就像汉语拼音对于汉语的学习的作用,掌握英语音标能使我们更好的学习英语口语,也能使自己的发音更准确,那应该怎样才能快速记忆英语音标呢?下面分享一些方法给大家。操作方法首先是认识所有的音标。记忆方法(只需记长音就可以):一,单元音...
-
well 和good有什么区别?
下面介绍英语单词well和good的区别;希望本指南能帮到大家。操作方法good只做形容词;而well,做副词,有时也可以做形容词。比如,It'sagoodjobforme.在这里就要用到good,而不能用well比如,Hedidquitewell.在这里就要用到well这个副词。表示身体健康时,well可以做形容...
-
如何区分lie lay laid词的含义
英语是很多国家的第二语言,英语需要掌握单词、语法、用法等内容。下面,我们来看看如何区分lielaylaid词的含义吧。操作方法概念lie中文意思是躺下来lay是lie的过去分词,也是躺下来的意思lay则是放下、生蛋的意思过去式lie的过去式是liedlae的过去式是原词laylay的...