2012-12-09 57 views
0

我想在转盘字幕添加在bootstrap-carousel.js动画效果,这里是它将如何动画转盘字幕元素的例子,当滑动变化动画引导传送带字幕

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

这里是我的实际传送带,我需要在旋转木马 - 标题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");  
}); 

问候

回答

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

以上的伟大工程,我不得不设置位置:绝对是我需要制作动画的所有元素。