0

我正在寻找没有任何 javascript 的教程 - 纯 CSS3。我为 iPhone 创建了两个页面(page1.html、page2.html),我使用的是 CSS3 和 -webkit-properties。

为了连接这些站点,我创建了一个下一步和一个后退按钮。当点击下一个按钮时 page2.html 被加载,当点击后退按钮时 page1.html 被加载。

到目前为止,这是有效的。

我想尝试使用更多的 -webkit-properties 来获得这个演示中的翻转效果。

因此,当单击我的下一个按钮时 page2.html 应该被翻转。当单击/点击后退按钮时 page1.html 应该被翻转。

我是新手,希望在这里得到一些帮助。你知道处理我的问题的教程吗?

我想到的另一个问题是是否可以单独加载 page2.html,或者我是否必须只构建一个包含 page1.html 和 page2.html 内容的页面?

4

2 回答 2

0

互联网上有很多翻页演示。这是我们做的。它的灵感来自Roman Cortes之一 - 还有其他人更多地使用挤压而不是翻转。

于 2010-11-18T18:30:33.297 回答
0

您只需构建一个页面,其中包含两个部分/div,其中包含翻转内容。然后你可以使用transform: rotateY... 或者,也许用 AXAJ 或其他东西加载第二页,但因为它是我理解的 CSS,你必须将所有内容放在一个页面中,有两个部分/div

于 2010-11-17T11:36:25.397 回答