javascript - 动画引导轮播标题

Question

我想在bootstrap-carousel.js中的 carousel-caption 上添加动画效果，这里有一个例子，它会在幻灯片更改时为 carousel-caption 元素设置动画

http://jsfiddle.net/TuDWV/（单击运行我在幻灯片更改时需要的效果）

这是我的实际轮播，我需要对 carousel-caption div 类中的 h1、p 和 href 标签产生这种效果。http://jsfiddle.net/ww67B/

    <div class="carousel-caption">
      <h1>Example headline.</h1>
      <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
      <a class="btn btn-large btn-primary" href="#">Sign up today</a>
    </div>

我尝试使用滑动或滑动选项来实现它，但它不会移动元素：

$('#myCarousel').bind('slid', function() {
    $(".carousel-caption h1").animate(
            {"left": "+=400px"},
            "slow");    
});

最好的祝福

Answer 1

$('#myCarousel').bind('slid', function() {
    $(".carousel-caption h1").animate(
            {"left": "+=400px"},
            "slow");    
});

上面的效果很好，我只需要为我需要动画的所有元素设置 position: absolute 。