使用marquee代码实现网站内容循环滚动效果

在网站建设和优化中，我们经常会使用各种各样的代码实现自己需要的效果，比如内容滚动展示……。关于滚动代码，前面的文章中本站已经给大家分享过一个通过JS来展示图片滚动效果的，今天我们再分享一个使用marquee代码实现内容循环滚动效果的。

一、marquee滚动代码

网页httml状态下填写下面代码：

<marquee directinotallow="left" scrollamount="5">滚动显示的内容</marquee>

其中，direction属性表示滚动的方向，可以设置为left、right、up和down；scrollamount属性表示滚动速度，可以自己调试改变大小。

二、marquee无限滚动

如果需要实现网站内容无限循环滚动效果，可以使用以下代码：

<marquee directinotallow="left" scrollamount="5" behavior="scroll" loop="infinite">这滚动显示的内容</marquee>

其中，behavior属性设置为scroll表示滚动方式为持续滚动，loop属性设置为infinite表示循环次数为无限次。

虽然marquee标签在HTML5中已经不建议使用。现在更多的滚动内容是使用CSS3动画或JavaScript实现循环滚动，但是marquee代码依然很有效，尤其是在针对简单的文字滚动效果时。

三、marquee的一些常用属性：

• behavior：控制滚动方式，可以是scroll、slide或alternate。
• direction：控制滚动方向，可以是left、right、up或down。
• scrollamount：控制滚动速度，以像素为单位。
• scrollDelay：控制滚动之间的延迟。
• bgcolor：控制marquee元素的背景颜色。
• loop：控制marquee元素是否应该循环滚动，可以是true或false。
• onmouseover：当鼠标移到marquee上时触发的事件。
• onmouseout：当鼠标从marquee上移开时触发的事件。

另外的宽度和高度可以用width、height 来控制。