jquery - jquery 回転テキスト アニメーション (css3 効果の再作成)

Question

この効果に似たようなことをする jquery プラグインがあるかどうかは誰にもわかりませんか? http://tympanus.net/Tutorials/CSS3RotatingWords/index5.html

私は効果が好きですが、IE7まで互換性がある必要があります。または、少なくともIE9/8/7で回転する単語のテキストを表示するだけです

Answer 1

jQueryの後に、これをページに追加します（おそらく別のjsファイルに）

(function($){
    $.fn.rotate = function(params){
        return this.each(function(index, el){
            var defaults = {
                text : [],
                interval : 2000
            };

            var options = $.extend({}, defaults, params);
            var i = 0;

            if(options.text.length){
                setInterval(function(){
                    i = i < options.text.length -1 ? ++i : 0;
                    $(el).fadeOut(function(){ 
                        $(this).text(options.text[i]).fadeIn();
                    });
                }, options.interval);
            }
        });
    };
})(jQuery);

それを使用するには、単に

$(selector).rotate({ 
    text: ['text1', 'text2'] // an array of strings
    interval: 2000 // Optional. number in milliseconds, I've put default as two seconds  
});

フィドルを見てみましょう: http://jsfiddle.net/U9ZTa/1/

必要に応じて変更できます。フェード効果は、すべてのブラウザー IE6+ で機能するはずです。

また、必要に応じて、最新のブラウザーにその CSS アニメーションを追加できます...