如何在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（“页面”）中加载内容。