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

html怎么设置一块区域文字滚动,第1张

<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页面,此时。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8375528.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存