0
我已經設法完成一個延遲，然後翻譯我的形象 - 然後我想旋轉一點，因爲它移動，所以我找到了一種方法從這裏旋轉它https://code.google.com/p/jqueryrotate/如何翻譯和旋轉後延遲
所以我設法應用它，但結果是旋轉忽略了延遲和翻譯我嘗試了幾種方法來組合功能，但不知道如何做到這一點的最佳方式。
我只是使用CSS轉換，但理想情況下我需要它在IE7中工作。
有沒有更簡單的方法可以試試？
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
.hold{
width:250px;
height: 400px;
margin: 0 auto;
background: #eee;
position: relative;
}
.pos{
position: absolute;
}
.ccard{
width:250px;
height: 400px;
background: red;
}
.rcard{
width:250px;
height: 400px;
background: blue;
left:0px;
}
.lcard{
width:250px;
height: 400px;
background: green;
left:0px;
}
</style>
<body>
<div class="hold">
<div class="lcard pos" style="left:0px;">
</div>
<div class="rcard pos">
</div>
<div class="ccard pos">
</div>
</div>
</body>
<script src="http://code.jquery.com/jquery-latest.min.js"
type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.transform-0.9.3.min_.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jQueryRotate.js"></script>
<!-- Jumping Animation -->
<script type="text/javascript">
$(function(){
$('.lcard').delay(2600).animate({'top': '-12px', 'left': '100px'}, 800,'easeOutQuart');
$('.rcard').delay(2600).animate({'top': '-12px', 'left': '-100px'}, 800,'easeOutQuart');
});
var rotation = function(){
$(".lcard").rotate({
angle:0,
animateTo:20,
});
}
rotation();
</script>
</html>
@phtrivier您好，機器人審閱。請不要閱讀修改而停止編輯評論。 [閱讀本文]（https://www.grammarbook.com/punctuation/capital.asp）。 – Lundin
@ Kimtho6你好，機器人評論家。請不要閱讀修改而停止編輯評論。 [閱讀本文]（https://www.grammarbook.com/punctuation/capital.asp）。 – Lundin