# <stl:marquee> 无间隔滚动

<stl:marquee
    scrollDelay="滚动延迟时间"
    direction="滚动方向"
    width="宽度"
    height="高度">
</stl:marquee>

# 说明

通过 stl:marquee 标签在模板中创建一个能够无间隔滚动的内容块

<stl:marquee> 的作用与 HTML 标签 <marquee> 类似,区别在于 <stl:marquee> 能够将滚动的底部和头部连接起来,形成无间隔的滚动。

<stl:marquee> 标签适合作为滚动的新闻公告等页面标签显示。

<stl:marquee> 标签对应的实体为{stl:marquee}。

# 属性

属性 说明
scrollDelay 滚动延迟时间
direction 滚动方向
width 宽度
height 高度

# scrollDelay - 滚动延迟时间

滚动延迟时间,单位为毫秒,不设置系统默认为40毫秒。

# direction - 滚动方向

滚动方向

  • "vertical" 垂直
  • "horizontal" 水平

# width - 宽度

100% 宽度

# height - 高度

高度

# 示例

# 显示由下向上的滚动链接

下面的例子使用了 stl:marquee 标签创建了由下向上的滚动链接,滚动对象为栏目索引为"新闻"的内容列表。

<stl:marquee direction="Vertical" width="220" height="160">
  <stl:contents channelIndex="新闻" cellpadding="2" cellspacing="2">
      <stl:a target="_blank"></stl:a>  <br />
  </stl:contents>
</stl:marquee>

# 显示由右至左的滚动链接

下面的例子使用了 stl:marquee 标签创建了由右至左的滚动链接,滚动对象为栏目名称为"新闻"的内容列表。

<stl:marquee direction="Horizontal" width="600">
    <stl:contents channelIndex="新闻" layout="None">
        <stl:a target="_blank"></stl:a>
    </stl:contents>
</stl:marquee>

# 显示由右至左的滚动图片链接

下面的例子使用了 stl:marquee 标签创建了由右至左的滚动图片链接,滚动对象为栏目名称为"新闻"的内容图片列表。

<stl:marquee direction="Horizontal" width="600">
  <stl:contents channelIndex="新闻" isImage="true" layout="None">
    <stl:a target="_blank"><stl:image></stl:image></stl:a>
  </stl:contents>
</stl:marquee>
上次更新: 2020-5-22 12:24:32