毒药教你做滚动文字

毒药教你做滚动文字

我们在浏览网页时，常看到一些网页中的文字会有规律的滚动。那么，这些滚动文字是怎样制作出来的呢？我通过学习和实践，现将用编写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 >是等效的。

二、让文字产生滚动效果的标记

<marquee> 受影响的内容 </marquee>

1.文字来回滚动---示例代码：

<marquee scrollAmount=2 width=300 behavior=alternate>来回滚动的文字</marquee>

2.多行文本向上滚动---示例代码：
<marquee scrollAmount=2 width=300 height=160 direction=up>朋友，你好！ 你会做文字滚动效果吗？ 欢迎你阅读本文！和我一同来实践吧。</marquee>

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代码是可以随意组合的，功能强大！

实例

文字往上滚动制作的代码

<MARQUEE WIDTH=570 HEIGHT=300 scrollAmount=3 direction=up>
朋友，您好！
您会做文字滚动效果吗？
欢迎您阅读本文。
我们一起来实践吧！
</MARQUEE></TD></TR></TBODY></TABLE>

文字往下滚动制作的代码

<MARQUEE WIDTH=570 HEIGHT=300 scrollAmount=3 direction=down>
感受快乐！
体验成功！
亲自动手！
朋友您好！
</MARQUEE></TD></TR></TBODY></TABLE>

文字往左滚动制作的代码

<MARQUEE WIDTH=500 HEIGHT=400 scrollAmount=3 >
朋友您好！
亲自动手！
体验成功！
感受快乐！
</MARQUEE></TD></TR></TBODY></TABLE>

文字往右滚动制作的代码

<MARQUEE scrollAmount=3 WIDTH=500 HEIGHT=400 direction=right>
！好您友朋
！手动自亲
！功成验体
！乐快受感
</MARQUEE></TD></TR></TBODY></TABLE>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。