HTML跑马灯效果详解与示例

示例展示

代码示例

    
        带有超链接的跑马灯！点击试试？
    
    还有另一条！点击试试？

参数说明

行为模式：

定义跑马灯的移动方式，包括 `scroll`（循环滚动）、`slide`（单次滚动后停止）和 `alternate`（来回滚动）。

方向：

设置跑马灯的移动方向，如 `left`（从右向左）或 `right`（从左向右）。

循环次数：

指定跑马灯滚动的次数，默认为无限循环，可通过 `loop` 属性设置具体次数。

尺寸：

设定跑马灯区域的宽度和高度，例如 `width="100%" height="200"`。

速度：

控制跑马灯的滚动速度，值越大滚动越快，通过 `scrollamount` 属性设置。

延迟：

设定每次滚动之间的延迟时间，单位为毫秒，使用 `scrolldelay` 属性调整。

边距：

设置跑马灯区域与其他元素之间的水平和垂直间距，例如 `hspace="20" vspace="20"`。

背景颜色：

指定跑马灯区域的背景颜色，如 `bgcolor="#00FFCC"`。

字体：

定义跑马灯文本的字体，例如 `face="楷体_GB2312"`。

颜色：

设置跑马灯文本的颜色，例如 `color="#ff0000"`。

字号：

调整跑马灯文本的大小，如 `size="3"`。

加粗：

使跑马灯文本加粗显示，使用 `` 标签包裹文本。