html5电⼦杂志页⾯案例,html5电⼦杂志⽀持⼿机端触屏滑动翻
书效果
特效描述：html5电⼦杂志 ⽀持⼿机端 触屏滑动 翻书效果。html5⼿机电⼦杂志，触屏滑动电⼦杂志翻书动画特效
代码结构
1. 引⼊JS
2. HTML代码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
});