1、概述

在HTML中实现文字的滚动效果其实很简单，本篇文章就给大家介绍HTML <Marquee> 标签实现文字的滚动效果的方法，让大家了解<Marquee>标签设置不同属性实现的不同文字滚动效果。

HTML Marquee标签是一个非标准的HTML元素，可以用于水平或垂直滚动图像或文本。

简单来说，就是它会自动向上，向下，向左或向右的滚动图像或文本。

2、示例

下面我们来看看< marquee >实现简单文字滚动的示例：

这是html marquee标签的一个简单滚动例子

是不是很简单，只需要把想要滚动的文字放的<marquee> </marquee >标签里面就可以了。

接下来我们了解一下HTML<marquee>标签的属性，看看HTML <marquee>标签可以怎么设置图像或文本的滚动。

3、属性

Marquee的元素里包含了几个用来控制和调整marquee滚动字幕外观和滚动方式的属性：

4、事件

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

5、缺点

HTML <marquee>标签的缺点：

1）Marquee设置的滚动字幕可能会分散注意力，因为人眼会不断地被吸引到运动和字幕上。

2）由Marquee设置的文本可以移动，因此根据滚动速度单击静态文本更加困难。

3）Marquee标签元素是一个非标准的HTML元素。

4）浏览器的兼容性问题（该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核），一般通过javascript来实现。

6、浏览器支持度

浏览器支持度：