jquery - 为轮播横幅添加视差效果，使图像和文本以不同的速度移动

Question

我有轮播效果，但我不知道如何使文本和图像以不同的速度移动，如 IBM 的横幅所示：

http://www.ibm.com/us/en/

这是我的 jQuery：

$.fn.zinCarousel = function(settings) {
    var settings = $.extend({}, $.fn.zinCarousel.defaultSettings, settings || {});
    return this.each(function() {
        var o = $.extend(true, {}, settings),
            $elem = $(this),
            caro = new Carousel(o, $elem);
        caro.init();
    });
};

jsFiddle 演示（/show/从 URL 中删除以访问编辑页面）。

Answer 1

这是一个以Parallax Carousel Banner为特色的在线教程和现场演示。

使用 CSS3 和 jQuery 的视差内容滑块

请注意，上面的示例是您在 Internet 上可以找到的众多示例之一，因为该示例CSS3用于现代浏览器。

直接链接到DEMO。