動畫自舉輪播字幕

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>

我嘗試使用slid或slide選項實現它，但它不會移動元素：

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

最好的祝福

Answer 1

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

上面的作品很棒，我只需要設置位置即可：對於需要設置動畫的所有元素來說都是絕對的。