如何在Web技术上进行翻页（喜欢卡片翻转效果）

Question

http://www.dailyliquordeals.net/

如何使卡片翻转效果如此。

注册成功后，建成后，将翻转到另一侧fliping过渡效果。

Answer 1

一种选择是使用翻转！ jQuery插件：

• http://lab.smashup.it/flip/

这似乎是相当不错的，易于使用。它几乎兼容所有浏览器： Firefox，Chrome/Chromium，Opera，Safari甚至IE（6,7,8）。

---

另一种选择是Flippy jQuery插件：

• http://blog.guilhemmarty.com/flippy/

这也是好的，相当灵活。但它使用canvas来制作特效，并且与IE 6-8不兼容。您应该使用额外的excanvas.js脚本使其在IE中工作。

Answer 2

此网站使用jQuery Mobile转换效果。

这里你可以看到所有这些，包括翻转：

http://jquerymobile.com/test/docs/pages/page-transitions.html

http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-transitions.html

jQuery的翻转是好的，但实际上是只翻转的背景，而不是它的一切。

您还可以看到jQTouch：http://www.jqtouch.com/