关于javascript:animate bootstrap carousel-caption

animate bootstrap carousel-caption

我想在bootstrap-carousel.js中为carousel标题添加动画效果,下面是一个示例,说明当幻灯片更改时,它将如何为carousel标题元素设置动画。

http://jsfiddle.net/tudwv/(单击运行幻灯片更改时需要的效果)

这是我的实际carousel,我需要在carousel caption div类中的h1、p和href标记上产生这种效果。http://jsfiddle.net/ww67b/

1
2
3
4
      Example headline.
      <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>
      Sign up today

我尝试使用滑动或滑动选项来实现它,但它不移动元素:

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

顺祝商祺!


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

上面的工作很好,我只需要设置位置:对我需要动画的所有元素都是绝对的。