Question

我正在使用此jq插件：http://plugins.jquery.com/marquee/，（github）。 API选项非常有限，并且没有提到起始位置。我希望它从与容器左边对齐的选框的第一个元素开始，而不是默认的右边。

到目前为止，这是我放在一起的内容，但正如你从小提琴中看到的那样，它远非完美：

HTML：

<div class="wrapper">
    <div class='marquee'>
        <div class="ablock">1</div>
        <div class="ablock">2</div>
        <div class="ablock">3</div>
        <div class="ablock">4</div>
        <div class="ablock">5</div>
        <div class="ablock">6</div>
        <div class="ablock">7</div>
        <div class="ablock">8</div>
    </div>
</div>

CSS：

body {
    margin: 10px;
    font-family:'Lato', sans-serif;
}
.marquee {
    width: 100%;
    overflow: hidden;
    border:1px solid #ccc;
    background: black;
    color: rgb(202, 255, 195);
}
.ablock {
    width:50px;
    height:50px;
    background:red;
    margin-left:10px;
    display:inline-block;
}
.ablock:first-child {
    margin-left:0;
}

.wrapper{
    width:50%;
}

jQuery的：

var offset_is_set = false;

$(function () {
    $('.marquee').bind('beforeStarting', function () {
        if (!offset_is_set) {
            $('.marquee > div > .js-marquee > .ablock:first-child').css('margin-left', '-' + $('.wrapper').width() + 'px');
            offset_is_set = true;
        }
    });

      $('.marquee').marquee({
        duration: 10000,
        duplicated: true,
        pauseOnHover: true,
        gap: 15
    });
});

jQuery Marquee插件 - 设置开始位置

0 个答案: