中财网腮帮子疼看什么科:毒药教你做滚动文字
来源：百度文库 编辑：中财网 时间：2024/05/01 19:06:01
我们在浏览网页时，常看到一些网页中的文字会有规律的滚动。那么，这些滚动文字是怎样制作出来的呢？我通过学习和实践，现将用编写HTML代码让文字实现滚动效果的方法整理出来与朋友们交流分享。
一、基础知识：
HTML是Hypertext Markup Language(超文本标记语言)的缩写，是用来表示网上信息的符号标记语言。WWW(万维网)所使用的出版语言就是HTML语言。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的Web浏览器来识别，并将这些HTML翻译成可以识别的信息，就是所见到的网页。
用HTML的语法规则建立的文档可以运行在不同操作系统的平台上，HTML文档属于纯文本文件，可以用任意的文本编写器书写。
HTML文件由标记和被标记的内容组成。标记能产生所需的各种效果。这些标记名称大都为相应的英文单词首字母或缩写，如P表示Paragraph(段落)，IMG是Image(图象)的缩写。各种标记的效果差别很大，但总的表示形式却大同小异，大多数成对出现，格式为：
<标记> 受标记影响的内容
标记只是规定这是什么信息，文本或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。标记要通过属性来制作出各种效果。格式为：
<标记 属性1=属性值 属性2=属性值 ……> 受影响的内容
说明：
1)并不是所有的标记都有属性，如换段标记
就没有属性。
2)根据需要可以用该标记的所有属性，也可以只用需要的几个属性。
3)在使用时，属性之间没有顺序。
4)标记忽略大小写，如：< HTML >和< html >是等效的。
二、让文字产生滚动效果的标记
1.文字来回滚动---示例代码：
2.多行文本向上滚动---示例代码：
3.各参数详解：
a)scrollAmount属性表示速度，属性值为数字；取值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
b)width和height属性表示滚动区域的大小，width是宽度，height是高度，属性值为像素数（数字）。特别是在做垂直滚动的时候，一定要设height的值。
c)direction属性表示文字滚动的方向，缺省默认为从右向左滚动；可选的属性值有left(从右向左滚动)、right(从左向右滚动)、down(从上向下滚动)、up(从下向上滚动)。
d)scrollDelay属性也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
e)behavior属性是用来控制文字的滚动方式，缺省时默认为循环滚动，可选的值有scroll(循环滚动，一圈一圈绕着走)、alternate(在滚动区域内来回游动)、side(只走一次)。
我们也可以在字体标记＜FONT＞中设置文字的大小、字体、颜色等属性。参见下面的实例代码。
由上可以看出，HTML代码是可以随意组合的，功能强大！
实例
文字往上滚动制作的代码
文字往下滚动制作的代码
文字往左滚动制作的代码
文字往右滚动制作的代码