导航:首页 > 万维百科 > 网页文字滚动设计

网页文字滚动设计

 发布时间：2020-11-26 17:38:23

1、电脑网页设计HTML 滚动文字 怎么用滚动方向把文字设计成波浪效果

用css3动画实现。使用transform属性

2、怎么制作网页动态滚动文字...

用marquee即可
比如：
<marquee direction="right" behavior="scroll" scrollamount="10" scrolldelay="200">这是一个滚动字幕</marquee>
在里面加入marquee里面加入herf标签，应该就能实现滚动链接里面添加爱链接，marqueen之间也可以和数据库连接

3、制作网页时怎么添加滚动的文本

使用<Marquee>…</Marquee>标签来显示一个滚动的选取框，
文本可以实现动态滚动的效果。
<Marquee>…</Marquee>有多个具体属性来对滚动效果进行设置。
Align：文本和背景的对齐方式。如：align=left
Behavior：运动方式。如：behavior = scoll
bgcolor ：背景颜色。如bgcolor = “#cccccc”。
direction：滚动方向。如direction = left。
height、hspace：背景的高度和在页面所处的位置。如：height = 20
hspace = 50。
loop：循环次数。如loop = infinite，表示无限循环。
scrollamount：每次移动的距离。Scolldelay：移动速度。
如：scrollamount = 10 scolldelay = 50
vspace：背景在页面上下的位置；width：背景的宽度。
如：vspace = 50 width = 500。
3）代码示例：
<marquee align=left behavior = scoll bgcolor = "#bbbbbb"
direction = left height = 20 hspace = 50 loop = infinite
scrollamount = 10 scolldelay = 50 vspace = 50 width = 500 >
HELLO BOY！</marquee>

4、如何制作网页滚动文字

首先让我们认识这个<marquee>标签，它是成对出现的标签，首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。
behavior属性

behavior属性的参数值为alternate、scroll、slide中的一个，分别表示文字来回滚动、单方向循环滚动、只滚动一次，需要注意的是：如果在<marquee>标签中同时出现了direction和behavior属性，那么scroll和slide的滚动方向将依照direction属性中参数的设置。如下所示：

<marquee behavior="alternate">我来回滚动</marquee>

我来回滚动

<marquee behavior="scroll">我单方向循环滚动</marquee>

我单方向循环滚动

<marquee behavior="scroll" direction="up" height="30">我改单方向向上循环滚动</marquee>

我改单方向向上循环滚动

<marquee behavior="slide">我只滚动一次</marquee>

我只滚动一次

<marquee behavior="slide" direction="up">我改向上只滚动一次了</marquee>

我改向上滚动一次了

bgcolor属性

文字滚动范围的背景颜色，参数值是16进制（形式：#AABBCC或#AA5566等）或预定义的颜色名字（如red、yellow、blue等）。如下所示：

<marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是红色的</marquee>

我的背景色是红色的

direction属性

文字滚动的方向，属性的参数值有down、left、right、up共四个单一可选值，分别代表滚动方向向下、向左、向右、向上。如下所示：

<marquee direction="right">我向右滚动</marquee>

我向右滚动

<marquee direction="right">我向下滚动</marquee>

我向下滚动

5、如何制作网页滚动文字

4.3.1 设置文字滚动

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

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

<html>
<head>

<title>文字滚动的设置</title>
</head>
<body>

<font size="5" color="#cc0000">

文字滚动示例（默认）：<marquee>做人要厚道</marquee>
</font>

</body>
</html> 

图4.15 设置文字滚动默认形式
从图4.15可得，在未设置宽度时，<marquee></marquee>标签是独占一行的。

4.3.2 设置文字滚动的方向

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

<marquee direction="left">做人要厚道</marquee>
<marquee
direction="right">做人要厚道</marquee>
<marquee
direction="up">做人要厚道</marquee>
<marquee
direction="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>
<font size="3" color="#cc0000">

文字滚动示例（默认）：<marquee>做人要厚道</marquee>
文字滚动示例（向右）：<marquee
direction="right" scrolldelay="500">做人要厚道</marquee>

文字滚动示例（向下，滚动方式为slide，速度为10）：<marquee scrollamount="10"
behavior="slide">做人要厚道</marquee>

文字滚动示例（默认方向，滚动方式为alternate，循环3次，速度为2）：<marquee scrollamount="2"
behavior="alternate" loop="3">做人要厚道</marquee>

文字滚动示例（向上，背景色为#CCFF66，设置了背景宽度和高度）：<marquee direction="up"
bgcolor="#CCFF66" width="250" height="55">做人要厚道</marquee>

</font>
</body>
</html>

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

图4.16 文字滚动的不同形式

<marquee></marquee>的众多属性能非常方便地制作滚动文字，在后面的JavaScript学习中，读者将继续深化<marquee></marquee>标签的动态行为学习。  

6、设计网页，用滚动字幕显示为：“xxxx”。 （要求文字上、下、左、右交替滚动）该怎么写代码

上下交替滚动代码：

<marquee behavior="alternate" direction="down" bgcolor="#aaaaee" align="middle" scrolldelay="120">欢迎您的光临！</marquee>


左右交版替滚动代权码：

<marquee behavior="alternate" direction="left" bgcolor="#aaaaee" align="middle" scrolldelay="120">欢迎您的光临！</marquee>

7、网页设计字体滚动代码？

文字滚动是由<marquee></marquee>控制的。marquee的参数如下：

1、方向 <direction=#> #=left, right
如：<marquee direction=left>啦啦啦，我从右向左移！</marquee>
<marquee direction=right>啦啦啦，我从左向右移！</marquee>

2、方式 <bihavior=#> #=scroll, slide, alternate
如：<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee>
<marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee>
<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee>

3、循环 <loop=#> #=次数；若未指定则循环不止(infinite)
如：<marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走 3 趟哟！</marquee>
<marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟哟！</marquee>
<marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee>

4、速度 <scrollamount=#>
如：<marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>

5、延时 <scrolldelay=#>
如： <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>

6、对齐方式(Align) <align=#> #=top, middle, bottom
如：<font size=6>
<marquee align=# width=400>啦啦啦，我会移动耶！</marquee>
</font>
7、底色 <bgcolor=#>
#=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

如：<marquee bgcolor=aaaaee>啦啦啦，我会移动耶！</marquee>

8、面积 <height=# width=#>
如：<marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦，我会移动耶！</marquee>

9、空白(Margins)<hspace=# vspace=#>

<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">
------------------------------------------------------------------------------------------------------------------------------

<marquee></marquee>

以下是一个最简单的例子：

代码如下:

<marquee><font size=+3 color=red>Hello, World</font></marquee>

下面这两个事件经常用到：

onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动

代码如下:

<marquee >onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 ：用来设置鼠标移入该区域时停止滚动</marquee>

这是一个完整的例子：

代码如下:

<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >

这是一个完整的例子

</marquee>

该标签支持的属性多达11个：

align

设定<marquee>标签内容的对齐方式

absbottom：绝对底部对齐（与g、p等字母的最下端对齐）

absmiddle：绝对中央对齐

baseline：底线对齐

bottom：底部对齐（默认）

left：左对齐

middle：中间对齐

right：右对齐

texttop：顶线对齐

top：顶部对齐

与网页文字滚动设计相关的知识