使用Jquery/Javascript自定义动画

Question

请原谅我,如果这不是提出这个问题的最佳论坛.我不知道从哪里开始,所以也许有人可以指导我.

使用html和jquery/javascript,我想要一个项目的动画翻转另一个项目.几乎就像有人从文件中取出一个页面并将其替换在文件中的另一个页面之上.

请参阅附图了解.

Answer 1

如果(并且仅当)你需要一些自定义动画,请查看这个甜蜜的jQuery插件:http://weepy.github.com/jquery.path/

它应该让你朝着正确的方向前进.你的一般方法:

1. 在步骤4中创建一个将Box2摆动到位的路径.
2. 将Box2的z-index更改为Box1的顶部.
3. 动画Box2沿相反方向沿相同路径返回.

另外:这里有一个很好的自述文件来创建你的路径:https://github.com/weepy/jquery.path/blob/master/README.markdown

添加#2:有人问如何轮换,所以我挖了几个插件来做到这一点:

1. http://plugins.jquery.com/project/AnimateRotation
2. http://plugins.jquery.com/project/jQueryRotate

如果有人对这些中的任何一个有经验(我没有),请在OP下面留下评论!