jquery - 带有 jquery 动画的圆圈文本

Question

我尝试过使用 Jquery 动画制作圆圈文本。我的工作 fiddle 是:

http://jsfiddle.net/60rz99zu/5/

$(function () {
$('.main-content').circleType({radius: 1000});

    var $els = $('div[id^=quote]'),
        i = 0,
        len = $els.length;
        $els.slice(1).hide();
        setInterval(function () {
            $els.eq(i).fadeOut(function () {
            i = (i + 1) % len
            $els.eq(i).fadeIn();
        })
    }, 2000)
})

第一个文本运行良好。看我的第二篇和第三篇课文。圆形效果乱七八糟。我花了更多的时间来修复。我做不到。我怎样才能做到这一点？

Answer 1

删除第二个和第三个文本上的 style="display:none"。您不需要它，因为 javascript 也隐藏了元素。