在iframe中加载页面时如何创建翻页效果

Question

我需要在加载一些动态内容时向iframe添加翻页效果（如图书阅读）。我怎样才能实现它？请帮帮我。

链接：http://www.turnjs.com/

Answer 1

你想要：

1）iframe在本书中一页？

或

2）iframe 是一本有多页的书吗？

如果是第一个，你可能可以在DIV（页面）中添加iframe。

从http://www.turnjs.com获取的代码，我刚刚添加了iframe示例。

<div id="flipbook">
    <div class="hard"> Turn.js </div>
    <div class="hard"></div>
    <div> Page 1 Here you can load the iframe <iframe src="..."> </div>
    <div> Page 2 Here you can load another iframe <iframe src="..."></div>
    <div> Page 3 </div>
    <div> Page 4 </div>
    <div class="hard"></div>
    <div class="hard"></div>
</div>

如果最后一个你需要在iframe中加载turn.js（你必须能够控制iframe的内容。）

然后这必须在iframe内：

<div id="flipbook">
    <div class="hard"> Turn.js </div>
    <div class="hard"></div>
    <div> Page 1, load content with AJAX if dynamic</div>
    <div> Page 2, load content with AJAX if dynamic </div>
    <div> Page 3, etc </div>
    <div> Page 4 </div>
    <div class="hard"></div>
    <div class="hard"></div>
</div>

您可以使用AJAX / Javascript在DIV内加载内容（＆＃34;页面＆＃34;）。