如何在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/