-1
我需要在iframe中加載翻頁效果(如書本閱讀),以加載其中的某些動態內容。我怎樣才能實現它?請幫幫我。如何在Iframe中加載頁面時創建頁面翻頁效果
我需要在iframe中加載翻頁效果(如書本閱讀),以加載其中的某些動態內容。我怎樣才能實現它?請幫幫我。如何在Iframe中加載頁面時創建頁面翻頁效果
你想:
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(「頁面」)中加載內容。
我使用turn.js代碼。 [鏈接](http://www.turnjs.com/) – nick
如果您有答案發布答案,請不要在評論中加入代碼塊 – Brad