html怎么设置一块区域文字滚动_随笔

<marquee>的用途比较广泛,在这里详细讲解一下.

主要参数设置:

align：是设定活动字幕的位置，除了居左、居中、居右三种位置外，又增加靠上（top）和靠下（bottom）两种位置。

Bgcolor：用于设定活动字幕的背景颜色，可以使用英文的单词也可以是十六进制数的。

Direction：用于设定活动字幕的滚动方向是向左（left）、向右（right）、向上（up）、向下（down）。

Behavior：用于设定滚动的方式，主要由三种方式：

behavior="scroll"表示由一端滚动到另一端；默认为此项

behavior="slide":表示由一端快速滑动到另一端，且不再重复；

behavior="alternate"表示在两端之间来回滚动。

Height：用于设定滚动字幕的高度。

Width：则设定滚动字幕的宽度。

Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度.

Scrollamount：用于设定活动字幕的滚动距离。数值越小，滚动的速度就越快。

scrolldelay：用于设定滚动两次之间的延迟时间，数值越小，间隔就越小。

Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。其中默认情况是向左滚动无限次，字幕高度是文本高度；滚动

范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

<div style="width: 100pxheight: 100pxoverflow: scroll">测试div内容超出用滚动条的内容</div>

3、浏览器运行index.html页面，此时。

1、打开软件，文件，新建，html文件，命名随意，我这里命名hday。软件自动生成html的基本构造。首先保存一张背景图片放在img文件夹。

2、在<head>里声明<style>body{background-attachment: fixedbackground-image: url(../img/a3.jpg) }。

3、现在背景设置好了，加入内容，看看效果。在<body>内写入内容。运行。滚动鼠标图片是不是不动的。

4、点击运行。点击文件，新建，css文件。命名。输入body{background-image: url(../img/a3.jpg)background-attachment: fixed}。

5、返回html。在<head>内输入<link rel="stylesheet" type="text/css" href="new_file.css" />，保存，运行。效果和之前一样。

欢迎分享，转载请注明来源：内存溢出

html怎么设置一块区域文字滚动