JQuery - 文本幻灯片和格式

Question

循环问题中的Jquery淡化文本。

你好 - 我有一个jquery淡化文本，像幻灯片问题一样循环。

我正在使用此代码淡入和淡出div框中的引用文本。

我的网站上有多个div框。

我的一些div有不同的大小 - 所以我必须在css中创建不同的类。

我的问题有两个。

有没有办法可以调整这个jquery代码，以便它可以同时影响所有类 - 所以我不必为每个类都有一个单独的脚本？

Jquery代码：

$("document").ready(function($){
    var i = 0;
    var delay = 3000;
    var items = $(".content");
    items.eq(0).show();
    var len = items.length;
    setInterval(function () {
        items.filter(":visible").fadeOut(function () {
            items.eq(++i % len).fadeIn();
        });
    }, delay);
}); 

我的第二个问题 - 使文本具有可扩展性和响应性的最佳css选项是什么。 一些着名的报价很长 - 有些报道很短。

预先感谢任何建议!!!

示例： *请记住 - 我有很多这些 - 每个都有不同大小的盒子。