动画结束时执行动画
execute animation when animation ends
我想在"动画"动画结束时执行"翻转"动画。我希望我创造的鱼将开始向左移动,然后进行翻转,然后再次向右游......
这是小提琴链接: http://jsfiddle.net/TxC5y/7/
function anim() {
$('.fish_wrap').animate({
"left": "-90px"}, 5000);
}
anim();
function flip() {
$('.fish_wrap').transition({
perspective: '100px',
rotateY: '180deg'
});
}
flip();
您可以向 .animate
添加一个回调,该回调在完成时运行:
function anim() {
$('.fish_wrap').animate({
"left": "-90px"}, 5000, flip);
}
.transition
的回调语法略有不同:
function flip() {
$('.fish_wrap').transition({
perspective: '100px',
rotateY: '180deg',
complete: back // reverse the animation
});
}
小提琴
在 jQuery animate 调用中使用 complete
回调
function anim(callWhenDone) {
$('.fish_wrap').animate({"left": "-90px"}, 5000, callWhenDone);
}
anim(flip);
function flip() {
$('.fish_wrap').transition({
perspective: '100px',
rotateY: '180deg'
});
}
相关文章:
- JavaScript动画从不执行
- Javascript:在css动画之后继续执行
- 动画在执行之前等待
- jQuery Transit动画未在for循环中正确执行
- 为什么创建后立即执行的样式指定没有设置动画
- 使用 class、ng-show 和 ng-class 执行 AngularJS 动画
- 如何正确执行Jquery动画浮动
- Chrome 不会在 jQuery 动画的回调中执行所有行
- 为什么 JavaScript 执行会影响 Firefox 中的 css 动画和动画 gif
- 动画结束时执行动画
- 在动画设置超时后执行函数
- 如何在加载而不是悬停时执行 CSS3 动画
- 如何使用拉斐尔库在 Javascript 中执行动画,使用鼠标单击或鼠标拖动
- Que 函数并在动画完成后执行
- 删除对象时执行元素指令动画的角度方式
- Raphael element.animate(..) - 指定要在动画的每一步执行的回调
- 是否可以在 Angular 指令中使用 jQuery 来执行动画
- 使动画函数在执行 $.ajax 调用时正常工作
- 为什么这个Jquery动画的回调函数要在动画执行之前执行呢?
- 在ie9上为这个css3动画执行jQuery回退