Question

几个月前我用jQuery构建了一个小滑块，我将它回收用于新项目。最初，它是滑动图像，但我需要它来滑动文本。这是jQuery：

$(document).ready(function () {
var About = {
    init: function () {
        var text_spans = $('.headline-box span'),
            extracts = new Array(),
            delay = 5,
            current = 0;

        text_spans.each(function (index) {
            if ($(this).is(":visible")) {
                current = index;
            }
            extracts.push($(this));
        });

        var interval = setInterval(function () {

            target = (current < (extracts.length - 1)) ? current + 1 : 0;

            extracts[current].slideUp('slow');
            extracts[target].slideDown('slow');

            current = target;

        }, delay * 500);

    }
}

About.init();

});

然而，现在它不能很好地工作。例如：

当它到达span的循环结束时，它需要一段延迟（代码内置），而不是再次自动循环到第一个span。
我的页面上有两个相同滑块的实例，使用相同的类名等。但是，它一次只执行一个（即一个循环执行，然后另一个将启动）。
有时，span的{{1}}为内联CSS而不是display: block;。通常它只发生在循环中的第一个。

为了给你一些上下文，它应该被用作自动化的新闻 - 自动收报机类型。目前我在循环中有3个display: inline;，但我需要能够添加更多。

很抱歉，如果这听起来像是一系列要求，但我已经经历了一段时间而现在没有运气。

感谢任何可以提供帮助的人：）

使用jQuery构建了一个文本滑块但需要一些改进

0 个答案: