jquery - Jquery：如何正确使用翻转动画？京QTOUCH

Question

我正在尝试制作一本小翻书。我有与页面一样多的 div。它们都设置为显示：无；除非他们附加了当前课程。

我有一个页面显示，旁​​边的页面显示在它旁边。我想把它旁边的页面，让它翻转到另一个页面上以进入下一个 div。

我现在所拥有的是单页将在其自身顶部而不是其旁边的页面上翻转。我已经正确设置了所有变量，并且我有正确的 div 应该在翻转时显示它们应该显示的时间。

我用来翻转的代码：

jQT.goTo($('#page' + currPage), 'flip');

任何人都可以帮忙吗？

Answer 1

听起来您想要修改后的翻转动画。为此，您需要创建一个自定义动画，如此处所述。

要获得一些如何制作翻页动画的线索，最好查看 jqtouch.css 中的“翻转”动画，从“”行开始，在该行.flip {上方结束：“ .slideup.in {”

我自己没有这样做，但我猜你会想（至少）玩translateY原始的-webkit-transform财产。

这个演示可能会给你一些关于修改翻转以达到你想要的效果的想法。