jQuery实现动画效果的实例代码

复制代码代码如下所示：

表{ border: 1px solid # 666；}
td { border: 1px solid # EEE；宽度：200px；高度：200px；}
img {宽度：200px；高度：200px；边界：无；位置：相对；}





$（函数（）{（））
/ / $（'img）。Click（function（）{
/ / $（'img）。动画（左：{= 200px}，2000。动画（左）{= 200px}，2000）
/ /。动画（左：顶：= 200px{+ = 400px}，1。动画（左）{= 200px}，2000。动画（左）{= 200px}，2000）
/ /。动画（左：顶：= 200px{+ = 400px}，1。动画（左）{= 200x}，2000。动画（左）{= 200px}，2000）
}
var i = 0；var C = 0；
$（'img）。Click（function（）{）
如果（c＜3）{
如果（我= = 2 C = = 0）{ $（'img）。动画（左：顶：= 200px{+ = 400px}，1 }）；C++
Else if (I = = 2 C = = 1) {$('img').Animate (left: {'-=200px'}, 2000}); c++
如果（我= = 2 C = = 2）{ $（'img）。动画（左：{= 200px}，2000）；C = 0；i++；}


如果（我= = 3 C = = 0）{ $（'img）。动画（左：顶：= 200px{+ = 400px}，1 }）；C++
如果（我= = 3 C = = 1）{ $（'img）。动画（左：{= 200px}，2000 }）；C++
如果（我= = 3 C = = 2）{ $（'img）。动画（左：{= 200px}，2000）；C++；}
别的{ $（'img）。动画（{左：- = 200px}，2000）；i++；}
}
}）
}）