微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

turn.js

编程之家收集整理的这个编程导航主要介绍了turn.js编程之家,现在分享给大家,也给大家做个参考。

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>

网站地址:http://www.turnjs.com

GitHub:https://github.com/blasten/turn.js

网站描述:一个轻量级的用来创建类似书本和杂志翻页效果

turn.js

官方网站:http://www.turnjs.com

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。