如何使效果接连发生

Question

嗨，我想使这些事件一个接一个。 这意味着当第一个事件结束时会发生另一个事件。 但是无法做到。 第一张图片开始制作动画后，第二张图片就会出现。请帮助我。 我的代码是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>‌
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>‌
<script>
$(document).ready(function(){
$("#pin01").animate({left: '650px'});

$("#pin01").promise().done(function(x){
$("#pin02").animate({left: '350px'});
});
});
</script>
</head>
<body>

<img src="mission.gif" id="pin01" style=" position:absolute;top:300px;left:300px;transition:5s"/>
<img src="mission.gif" id="pin02" style=" position:absolute;top:300px;left:900px;transition:5s"/>
</body>
</html>

Answer 1

animate函数具有自己的回调函数。 像这样使用它：

$("#pin01").animate({left: '650px'}, 500, function() {
    $("#pin02").animate({left: '350px'});
});

500是延迟，在完成第一个动画后，如果您不希望延迟，可以将其设置为0。 延迟以ms （毫秒）为单位。

如何使效果接连发生

问题描述

1 个解决方案

解决方案1
2 2015-06-13 12:06:32

如何使效果接连发生

问题描述

1 个解决方案

解决方案1 2 2015-06-13 12:06:32

解决方案1
2 2015-06-13 12:06:32