turn.js中文API 写一个翻页效果的参数详细解释

$('.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 ($(&quot;#flipbook&quot;).turn(&quot;animating&quot;)) { alert('Animating a page!'); } }</pre>	-
direction	返回当前翻页的方向：$(&quot;#flipbook&quot;).turn(&quot;direction&quot;);	-
disable	启用或禁用翻页效果：$(&quot;#flipbook&quot;).turn(&quot;disable&quot;, true);

转载于:https://www.cnblogs.com/zouyun/p/8985351.html