手机html5翻页效果代码 jquery html5手机端翻书效果_手指滑动书本翻页效果代码

特效描述：jquery html5手机端翻书 手指滑动 书本翻页效果。显现手机端翻书效果，支持手拖动翻页

代码结构

1. 引入JS

2. HTML代码

function loadApp() {

// Create the flipbook

$('.flipbook').turn({

// Width

width:922,

// Height

height:600,

// Elevation

elevation: 50,

// Enable gradients

gradients: true,

// Auto center this flipbook

autoCenter: true

});

}

// Load the HTML4 version if there's not CSS transform

yepnope({

test : Modernizr.csstransforms,

yep: ['js/turn.js'],

nope: ['js/turn.html4.min.js'],

both: ['css/basic.css'],

complete: loadApp

});