javascript - marquee 属性向左向右滚动文本

标签 javascript jquery html css marquee

marquee 标签中的什么属性允许我连续滚动 marquee 内容?如果我有 5 个元素作为其内容,我想为所有 5 个元素平均分隔空间,并且还要为一个卷轴的第 5 个和下一个卷轴的第一个之间的空间。

因为通常选取框会在开始下一个滚动之前完成所有元素,但在我的例子中,最后一个元素和第一个元素比选取框内容中存在的每个元素分开得更多。

例如,1-2-3-4-5-1-2-3-4-5-1-2-3-4-5 等 每个“-”是为选取框内的元素平分的空间和时间。谢谢

最佳答案

loop 属性是您要查找的值,-1 表示连续滚动。您可以从 Mozilla Developer Network Documentation 中找到更多信息。 .

我觉得我应该预先警告您 marquee 标签不是标准标签,并且在所有浏览器中呈现方式不同。许多属性不支持跨浏览器。你我想找到一个合适的 jQuery 插件来为你处理跨浏览器。如果您正在做一些简单的事情,那么 marquee 标签可能适合您,但我不提倡它。

至于宽度,您可以将每个元素放在一个容器中,例如 div 标签,然后添加适当的边距:

<marquee>
    <div>1</div>
    <div>2</div>
</marquee>

如果你想要更“语法正确”,你可以使用带有 li 标签的 ul

<marquee>
    <ul>
        <li>1</li>
        <li>2</li>
     </ul>
</marquee>

更多的 html/css,但为了屏幕阅读器和打印目的而更加逻辑地分组。

关于javascript - marquee 属性向左向右滚动文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12067811/

相关文章:

javascript - Grunt -contrib-concat : how to use option "process"

javascript - 动态创建的元素上的事件绑定(bind)?

javascript - jquery给出TypeError从包装集中获取元素

jquery - 如何从 Jquery 的选项标签中删除不显示?

javascript - 如果 html 站点中没有事件表单,则按 Enter 键发出警报

javascript - 幻灯片无法正常运行 javascript

javascript - 如果 li 少于 3 个字符,隐藏?

javascript - HTMLCollection、NodeLists 和对象数组之间的区别

html - CSS Float Left 不一致元素随机跳行

html - 垂直对齐div中的多个文本框