HTML滚动效果

在网页中经常有出现的横条新闻滚动的效果，现在大多数都使用JavaScript来实现，但是在html中也有相应的标签可以实现，这个标签就是<marquee></marquee>

因为这个标签在w3school中不推荐使用，所以在w3school的手册中无法找到这个标签，但是这个标签适用于很多的浏览器，而且这个标签的功能很强大。

在<marquee>和</marquee>标签中间写入我们希望在网页中滚动显示的内容，这个标签会有一个默认的滚动方向和滚动速度、滚动形式，然后再浏览器中无限循环滚动。

默认情况下，<marquee>标签中的内容会从右往左无限次的实现滚动，有默认情况，自然就可以手动设置。

direction 是方向的意思，所以这个属性用在这个标签中就有了设置方向的作用，默认情况下是 left ，代表着标签中的内容由右向左滚动，我们可以为其设置为 right、up、down。属性值为 right 时，标签中的内容由左向右滚动。属性值为 up 时，标签中的内容由下往上移动，相对的，属性值为 down 时，标签中的内容即由上往下移动。因为marquee 标签的高度和宽度如果我们没设置的话，由内容的高度决定 marquee 的标签的高度，宽度为body 的宽度，所以如果我们没设置好高度的话，内容在页面中显示会看不清。

scrollamount 是移动速度的意思，所以这个属性用在这个标签中就是设置移动速度的功能，根据我们输入的属性值数字可以改变滚动内容滚动的速度。如scrollamount="1"

loop 在视频和音频标签中起到重复循环的作用，在这里同样拥有这个功能，默认情况下标签中的内容会无限循环，如果我们希望规定滚动内容的滚动次数，我们就可以设置loop 的属性值数字来设置其循环滚动次数。如loop="1"

behavior是行为，运转状态的意思，所以我们也可以利用这个属性来改变标签中内容的运转状态。默认情况下，标签中的内容会在固定的空间内慢慢显示出来，然后慢慢消失掉，如果我们希望标签中的内容不会消失掉，而是留在页面上，那么我们就可以设置behavior 的属性值为slide ，这个属性值会让标签中的内容滚动到尽头时停止移动。如果我们希望标签中的内容滚动到尽头时能够往回滚动，并且如此循环，我们可以设置behavior 的属性值为alternate ，这个属性值是交替的意思。

具体的格式为

<marquee direction="right" scrollamount="10" loop="1" behavior="alternate">滚动内容</marquee>