jQuery中turn.js（翻页效果）学习笔记

Turn.js是一个内置的jQuery翻页插件
1 html中引入<script type="text/javascript" src="js/turn.js"></script>
2 创建html

<div >

</div>

3 javascript 部分

if(b_ok){
var turnWidth = $('#cover').outerWidth(),
turnHeight = $('#cover').outerHeight();

$('.flipbook').turn({
width: turnWidth*2+20,
height: turnHeight,
elevation: 50,
gradients: true,
autoCenter: true,
display:'double',
when: { turning: function(event, page, pageObject) {

} }
});

}
4.可用选项、属性、方法、事件、css类
　选项：
(1)acceleration:设置硬件加速模式，对于触摸设备，此值必须为真。
acceleration:true;
(2)direction:指定flipbook从左到右(DIR=ltr，默认值)或右向左(DIR=rtl)的方向。
　　a.$("#flipbook").turn({
　　　　direction:'rtl'
　　　})
　　b.<div +currentZoomValue);
　　　　　　});