turn.js 介绍
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>
GitHub:https://github.com/blasten/turn.js
网站描述:一个轻量级的用来创建类似书本和杂志翻页效果
turn.js
小编说
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。