$('.flipbook').turn({
width: 922,
height: 600,
elevation: 50,
gradients: true,
autoCenter: true
});turn.js中文API
| 参数 | 描述 | 默认值 |
Options选项 |
||
| acceleration | 加速模式ture or false。（必须在移动端） | true |
| autoCenter | 中心翻取决于有多少页面可见 true or false | false |
| direction | 翻页方向 $("#flipbook").turn({direction: "rtl"}); | ltr翻从左到右 |
| display | 显示模式(只显示一页single,两个页面double) | double |
| duration | 持续时间，单位毫秒。如果你设置为0,不会有过渡效果 | 600 |
| gradients | 显示渐变阴影 | true |
| height | 翻页的高度 | $("flipbook").height() |
| pages | 设置页面的数量 | $("#flipbook").children().length |
| turnCorners | 设置角落的值bl,br or tl,tr or bl,tr 例如:var way = 1; setInterval(function() { if (way==1) { $("#flipbook").turn("next"); if ($("#flipbook").turn("page")== $("#flipbook").turn("pages")) { way = 2; $("#flipbook").turn("options", {turnCorners: "tl,tr"}); } } else { $("#flipbook").turn("previous"); if ($("#flipbook").turn("page")==1) { way = 1; $("#flipbook").turn("options", {turnCorners: "bl,br"}); } } }, 1000); | bl,br |
| when | 监听事件 when 当，例如：$("#flipbook").turn({when: { turning: function(event, page, pageObject) { // Implementation } } }); | – |
属性Properties |
||
| animating | 若页面动画返回true时，例如：<pre>function isAnimating() { if ($("#flipbook").turn("animating")) { alert(‘Animating a page!’); } }</pre> | – |
| direction | 返回当前翻页的方向：$("#flipbook").turn("direction"); | – |
| disable | 启用或禁用翻页效果：$("#flipbook").turn("disable", true); | |
