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"); }); |
上面的工作很好,我只需要设置位置:对我需要动画的所有元素都是绝对的。