网页HTML代码滚动文字制作

本文格式为Word版，下载可任意编辑——网页HTML代码滚动文字制作网页HTML代码滚动文字制作

陈述HTML代码中对比特殊的标签，它能使网页中的文字滚动，并且可以操纵其滚动的属性。以下是我整理的网页HTML代码滚动文字制作，接待来阅读！

制作滚动文字

通过本章前面的学习，读者已经能够很好地操纵各种段落文字的显示方式，不过无论怎么设置，文字都是静态的。本节笔者陈述HTML代码中对比特殊的标签，它能使网页中的文字滚动，并且可以操纵其滚动的属性。

4.3.1设置文字滚动

HTML技术中使文字滚动的方法是使用双标签marquee/marquee。在HTML代码中可使其作用区文字滚动，默认为从右到左，循环滚动。在D:web目次下创造网页文件，命名为mar.htm，编写代码如代码4.15所示。

代码4.15文字滚动的设置：mar.htm

html

head

title文字滚动的设置/title

/head

body

fontsize=5color=#cc0000

文字滚动例如（默认）：marquee做人要厚道/marquee

/font

/body

/html

在欣赏器地址栏输入http://localhost/mar.htm，欣赏效果如图4.15所示。

图4.15设置文字滚动默认形式

从图4.15可得，在未设置宽度时，marquee/marquee标签是独占一行的。

4.3.2设置文字滚动的方向

marquee/marquee标签的direction属性用于设置内容滚动方向，属性值有left、right、up、down，分别代表向左、向右、向上、向下，例如以下代码：

marqueedirection=left做人要厚道/marquee

marqueedirection=right做人要厚道/marquee

marqueedirection=up做人要厚道/marquee

marqueedirection=down做人要厚道/marquee

4.3.3设置文字滚动的'速度和形式

设置文字滚动使用marquee/marquee标签，其属性说明如下。

marquee/marquee标签的scrollamount属性用于设置内容滚动速度。

marquee/marquee标签的behavior属性用于设置内容滚动方式，默认为scroll，即循环滚动，当其值为alternate时，内容将来回循环滚动。当其值为slide时，内容滚动一次即中断，不会循环。还有一个loop属性可设置其滚动循环次数，默认为没有限制。

marquee/marquee标签的scrolldelay属性用于设置内容滚动的时间间隔。

marquee/marquee标签的bgcolor属性用于设置内容滚动背风景（类似于body的背风景设置）。

marquee/marquee标签的width属性用于设置内容滚动背景宽度。

marquee/marquee标签的height属性用于设置内容滚动背景高度。

修改mar.htm网页文件，编写代码如代码4.16所示。

代码4.16文字滚动的设置：mar.htm

html

head

title文字滚动的设置/title

/head

body

fontsize=3color=#cc0000

文字滚动例如（默认）：marquee做人要厚道/marquee

文字滚动例如（向右）：marqueedirection=rightscrolldelay=500做人要厚道/marquee

文字滚动例如（向下，滚动方式为slide，速度为10）：marqueescrollamount=10behavior=slide做人要厚道/marquee

文字滚动例如（默认方向，滚动方式为alternate，循环3次，速度为2）：marqueescrollamount=2behavior=alternateloop=3做人要厚道/marquee

文字滚动例如（向上，背风景为#CCFF66，设置了背景宽度和高度）：marqueedirection=upbgcolor=#CCFF66width=250height=55做人要厚道/marquee

/font

/body

/html

在欣赏器地址栏输入http://localhost/mar.htm，欣赏效果如图4.16所示。