动画引导旋转木马 Headers-Java 学习之路

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

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

最好的祝福

1 回答

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

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

回复于 2024-04-26T00:10:37+08:00

动画引导旋转木马 Headers

1 回答

相关问题