Turn.js 是一个轻量级的 (15kb) jquery/html5 插件用来创建类似书本和杂志翻页效果，支持触摸屏设备。Turn.js 支持硬件加速来让翻页效果更加平滑。可通过 api 来获取当前显示的页号，并提供选项来定制默认页号、加速器、阴影和延时。 

Turn.js 完美自适应屏幕大小，支持ie7以上浏览器，可键盘翻页、鼠标点击按钮翻页，鼠标卷边翻页，可放大缩小书页。

<div id="flipbook">
    <div class="hard"> Turn.js </div>
    <div class="hard"></div>
    <div> Page 1 </div>
    <div> Page 2 </div>
    <div> Page 3 </div>
    <div> Page 4 </div>
    <div class="hard"></div>
    <div class="hard"></div>
</div>
 
<script type="text/javascript">
    $("#flipbook").turn({
        width: 400,
        height: 300,
        autoCenter: true
    });
</script>

链接: https://fly63.com/nav/1676