jquery - curvetext.js 不适用于任何文本动画

Question

我在主标题中使用了拱形文本。我使用了以下位置的脚本:

http://circletype.labwire.ca/

这是我的圆形文本工作 fiddle :

http://jsfiddle.net/60rz99zu/

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

我想要像这样的 fiddle 改变标题。

http://jsfiddle.net/jfriend00/n4mKw/

我尝试了很多脚本。但是动画不起作用。这是我的动画 fiddle 。

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

var quotes = $(".quotes");
var quoteIndex = -1;
function showNextQuote() {
    ++quoteIndex;
    quotes.eq(quoteIndex % quotes.length)
        .fadeIn(2000)
        .delay(2000)
        .fadeOut(2000, showNextQuote);
}

showNextQuote();

我怎样才能做到这一点？

Answer 1

您没有更改相应类的类名，试试这个 fiddle

(function() {
    $('#main-content').circleType({
        radius: 1000
    });
    var textCenter = $(".text-center");
    var quoteIndex = -1;
    function showNextQuote() {
        ++quoteIndex;
        textCenter.eq(quoteIndex % textCenter.length)
            .fadeIn(1000)
            .delay(1000)
            .fadeOut(2000, showNextQuote);
    }
    showNextQuote();
})();