时间戳

首页 > 解决方案 > javascript marquee中的间距元素，使用php循环元素

javascript - javascript marquee中的间距元素，使用php循环元素

问题描述

我正在使用 javascript 字幕，它实际上工作正常，除了：

我正在使用 php 循环（完美运行）来获取滚动通过选取框的每个内容元素。

内容是正确的，持续时间也很好，但我的元素彼此相邻，我试图在它们之间留出足够的空间。

现在看起来像element 1element2，但我正在寻找更多

element 1                                              element 2

PHP/HTML

<div class="col-lg-12">
    <?php foreach($tickerContent as $tContent):?>
    <div class="marquee"><h2><?php echo $tContent['content']?></h2>

Javascript：

<script type="text/javascript">
$('.marquee').marquee({
    duration: 30000,
    gap:40,
});
</script>

标签： javascriptjqueryhtml

解决方案

根据https://github.com/aamirafridi/jQuery.Marquee上的文档，您必须将duplicated设置为true

gap代码之间的像素间隙。仅当重复选项设置为 true 时才有效。默认值：20。注意：20 表示 20px，因此不需要使用 '20px' 作为值。

推荐阅读