在Phonegap应用程序中使用turn.js

时间:2014-09-01 12:44:04

标签: cordova css-transitions page-curl mobione

我想要iOS和Android手机的页面卷曲效果。 我在Mobione设计中心工作,该中心有一个cordova / phonegap基地。

请告知,如何使用turn.js进行phonegap?

http://www.turnjs.com/

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

您是否阅读过文档?

Turn JS Documentation

<div id="flipbook">
  <div class="hard"> Turn.js </div> 
  <div class="hard"></div>
  <div> Page 1 </div>
  <div> Page 2 </div>
  <div> Page 3 </div>
  <div> Page 4 </div>
  <div class="hard"></div>
  <div class="hard"></div>
</div>

JS:

$("#flipbook").turn({
  width: 400,
  height: 300,
  autoCenter: true
});

还有一个工作的jsfiddle - &gt;

JSfiddle Turn.JS