0

我对 jQuery vTicker 脚本没什么问题。目前，脚本一次只能向上或向下滑动一个元素。我需要该脚本一次向上滑动一些元素，但我不知道这是否可能（例如：我有四个可见的元素，在下一张幻灯片中，脚本替换了我的所有四个元素，而不仅仅是一个）。你能帮我吗？

我的代码：

<div id="najnowsze-naglowki">
                <ul class="najnowsze">
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                </ul>
            </div>

以及 jQuery vTicker 脚本的初始化：

    $('#najnowsze-naglowki').vTicker('init', {speed: 400, 
        pause: 1000,
        showItems: 4,
        padding:15});

链接到 vTicker 脚本：http ://richhollis.github.io/vticker/

4

1 回答 1

0

实际上不是解决您的问题的直接解决方案，但通过更改标记您可以实现这一点

       $('#najnowsze-naglowki').vTicker('init', {speed: 400, 
        pause: 1000,
        showItems: 1,
        padding:15});
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="najnowsze-naglowki">
                <ul class="najnowsze">
                    <li>
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>5</li>
                            <li>6</li>
                            <li>7</li>
                            <li>8</li>
                        </ul>
                    </li>
                </ul>
            </div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script src="http://richhollis.github.io/vticker/downloads/jquery.vticker.min.js?v=1.21"></script>

</body>
</html>

我检查了 vTicker 文档，但找不到一次更改 4 个项目的选项。

于 2017-01-28T20:08:58.447 回答