$('.flipbook').turn({
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); |