Question

我想在bootstrap-carousel.js中为旋转木马标题添加动画效果，下面是一个关于幻灯片更改时如何设置旋转木马标题元素动画的示例

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");    
});

上面的作品很棒，我只需要设置位置：绝对所需的动画元素。

动画引导旋转木马标题

1 个答案: