900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > web怎么让文字自动滚动? – 网络

web怎么让文字自动滚动? – 网络

时间:2023-01-06 03:00:54

相关推荐

web怎么让文字自动滚动? – 网络

使用<marquee>标签可以将文字设置为动态滚动的效果。

语法格式:

<marquee>滚动文字</marquee>

也可以在标签之间设置文字的字体、颜色等。

2.滚动方向属性——direction

语法格式:

<marqueedirection="滚动方向">滚动文字</marquee>

“滚动方向取值”:up、down、left和right,其中向左滚动left的效果和默认效果相同。

3.滚动方式属性——behavior

语法格式:

<marqueebehavior="滚动方式">滚动文字</marquee>

behavior的取值滚动方式

scroll循环滚动,默认效果

slide只滚动一次就停止

alternate来回交替进行滚动

4.滚动速度属性——scrollamount

语法格式:

<marqueescrollamount="滚动速度">滚动文字</marquee>

在该语法中,滚动文字的速度实际上是设置滚动文字每次移动的长度,以像素为单位。

5.滚动延迟属性——scrolldelay

语法格式:

<marqueescrolldelay="时间间隔">滚动文字</marquee>

时间间隔单位是毫秒(千分之一秒)

6.滚动循环属性——loop

语法格式:

<marqueeloop="循环次数">滚动文字</marquee>

7.滚动范围属性——width、height

如果不设置滚动背景的面积,那么默认情况下,水平滚动的文字背景与文字同高、与浏览器窗口同宽,使用width和height参数调整其水平和垂直的范围。

语法格式:

<marqueewidth=""height="">滚动文字</marquee>

宽度和高度的单位均为像素。

8.滚动背景颜色属性——bgcolor

语法格式:

<marqueebgcolor="颜色代码">滚动文字</marquee>

文字背景颜色设置为16位颜色码

9.滚动空间属性——hspace、vspace

语法格式:

<marqueehspace="水平范围"vspace="垂直范围">滚动文字</marquee>

水平和垂直范围的单位均为像素。

<!doctypehtml>

<html>

<head>

<title>滚动文字</title>

</head>

<body>

<marqueedirection="right"behavior="alternate"scrollamount="15"scrolldelay="10"loop="2"height="100"bgcolor="ABCDEF">

<fontface="隶书"color="#0066FF"size="5">行尽天涯静默山水间,倾听晚风拂柳笛声残</font>

</marquee>

<marqueedirection="left"behavior="scroll"scrollamount="25"loop="1"bgcolor="pink"hspace="90"vspace="50">

<fontface="隶书"color="red"size="5">踏破芒鞋烟雨任平生,慧行坚勇究畅恒无极</font>

</marquee>

</body>

</html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。