【HTML】之marquee标签的使用和说明

简介

HTML marquee 元素<marquee> 用来插入一段滚动的文字。
你可以使用它的属性控制当文本到达容器边缘发生的事情。

属性

属性名	详解
behavior	设置文本在 marquee 元素内如何滚动。可选值有 scroll，slide 和 alternate。如果未指定值，默认值为 scroll。
bgcolor	通过颜色名称或十六进制值设置背景颜色。
direction	设置 marquee 内文本滚动的方向。可选值有 left, right, up and down。如果未指定值，默认值为 left。
height	以像素或百分比值设置高度。
hspace	设置水平边距。
loop	设置 marquee 滚动的次数。如果未指定值，默认值为 −1，表示 marquee 将连续滚动。
hspace	设置水平边距。
scrollamount	设置每次滚动时移动的长度（以像素为单位）。默认值为 6。
scrolldelay	设置每次滚动时的时间间隔（以毫秒为单位）。默认值为 85。请注意，除非指定 truespeed 值，否则将忽略任何小于 60 的值，并改为使用 60。
truespeed	默认情况下，会忽略小于 60 的 scrolldelay 值。如果存在 truespeed，那些值不会被忽略。
vspace	以像素或百分比值设置垂直边距。
width	以像素或百分比值设置宽度。

事件回调

事件名	详解
onbounce	当 marquee 滚动到结尾时触发。它只能在 behavior 属性设置为 alternate 时触发。
onfinish	当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发。
onstart	当 marquee 开始滚动时触发。

方法

方法名	详解
start	开始滚动 marquee。
stop	停止滚动 marquee。

示例代码

<marquee>This text will scroll from right to left</marquee><marquee direction="up">This text will scroll from bottom to top</marquee><marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid"><marquee behavior="alternate">This text will bounce</marquee>
</marquee>

【HTML】之marquee标签的使用和说明相关推荐

HTML 中的marquee标签详解
该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法: <marqu ...
HTML marquee标签详解
HTML marquee标签详解在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动.而我们使用HTML的Marquee语句则可以产生更多的 ...
html 自动滚动标签,HTML滚动标签（marquee标签）
以下为学做网站论坛关于"HTML滚动标签(marquee标签)"讲解视频教程. HTML marquee标签介绍 marquee标签又叫滚动标签.它是用来控制一段文本或其它元素滚动 ...
html文字置顶标签,HTML的marquee标签怎么用？
在HTML中,标签用于在网页中创建滚动文本或图像:可以从水平向左或向右或向右或向左滚动,也可以从上到下或从下到上滚动. marquee元素是成对出现的,下面是标签的一些属性列表: 示例1: Marqu ...
marquee标签、插入百度地图
<marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee> ...
vue内容横向循环滚动_Vue替代marquee标签超出宽度文字横向滚动效果
一.npm 安装如果你想安装插件(自己写的) 安装 # install dependencies npm i marquee-components 使用在main.js引入 import marq ...
HTML怎么设置自动滚动的图片,转：HTML中让图片滚动的marquee标签的使用方法
实例: 需要滚动的文字需要滚动的文字也可以程序代码也可以是图片说明: 1.中间的内容可以为文字,图片,也可以是由程序生成的文字或图片 2.onMouseOut="this.star ...
Marquee标签实现走马灯效果
利用marquee标签,让文字滚动实现走马灯效果 direction滚动方向属性值:up.down.left.right,默认方向是从右向左滚动 <marquee direction=&quo ...
marquee标签_html滚动文字
marquee标签可以让我们在网页中编写的文字动起来,不论是上下滚动还是左右滚动都可以通过marquee标签中的属性来设置.语法:﹤marquee﹥需要被滚动的文字﹤/marquee﹥: 默认下mar ...
HTML之marquee标签（滚动字幕（跑马灯））
再来学习一个标签---marquee,认识这个单词的人应该知道这个单词的意思是跑马灯. 但其实在H5中这个标签的语义是滚动字幕. marquee标签并不是W3C官方推荐的标签,但是这个标签在各个浏览器 ...

【HTML】之marquee标签的使用和说明

简介

属性

事件回调

方法

示例代码

【HTML】之marquee标签的使用和说明相关推荐

最新文章

热门文章