扫一扫分享
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>
手机预览