Java电子书平滑翻页效果_jQuery轻量级的书本和杂志翻页效果插件Turn.js

jQuery轻量级的书本和杂志翻页效果插件Turn.js

文章来源：原创 作者:JS代码网 时间:2014-03-18 访问: 下载次数：

效果很炫的jQuery轻量级的书本和杂志翻页效果插件Turn.js，支持移动触摸屏设备，采用

硬件加速看起来更自然平滑，带有强大的选项配置功能以及两种切换效果，支持Ajax数据加

载，浏览器支持：Safari 5、Chrome 16、Firefox 10、IE 10, 9, 8，基于jQuery 1.7及以

上，还是很不错的，值得使用。

使用方法：

1.加载jQuer和插件

body{

background:#ccc;

}

#magazine{

width:1152px;

height:752px;

}

#magazine .turn-page{

background-color:#ccc;

background-size:100% 100%;

}

2.HTML内容

3.函数调用

$(window).ready(function() {

$('#magazine').turn({

display: 'double',

acceleration: true,

gradients: !$.isTouch,

elevation:50,

when: {

turned: function(e, page) {

/*console.log('Current view: ', $(this).turn('view'));*/

}

}

});

});

$(window).bind('keydown', function(e){

if (e.keyCode==37)

$('#magazine').turn('previous');

else if (e.keyCode==39)

$('#magazine').turn('next');

});

分享给朋友：