0

几个月前我用 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's 的循环结束时，它需要一个延迟（内置在代码中），而不是自动循环到第一个span。
  • 我的页面上有两个相同滑块的实例，使用相同的类名等。但是，它一次只执行一个（即一个在循环中执行，然后另一个将启动）。
  • 有时span's 将具有display: block;内联 CSS 而不是display: inline;. 通常它只发生在循环中的第一个。

为了给你一些背景信息，它应该被用作自动化的新闻代码类型的东西。目前我有 3span的循环，但我需要能够添加更多。

抱歉，如果这听起来像是一份要求清单，但我已经经历了一段时间了，但没有运气。

感谢任何可以提供帮助的人:)

4

0 回答 0