Turn.js

书本翻页效果
授权协议 BSD
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery界面效果
软件类型 开源软件
地区 不详
投 递 者 仇建茗
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Turn.js 是一个轻量级的 (15kb) jQuery/html5 插件用来创建类似书本和杂志翻页效果,支持触摸屏设备。

Turn.js 支持硬件加速来让翻页效果更加平滑。

可通过 API 来获取当前显示的页号,并提供选项来定制默认页号、加速器、阴影和延时。

翻页效果截图:

使用方法:

  • Turn.js是一个内置的jQuery翻页插件 1 html中引入 <script type="text/javascript" src="js/turn.js"></script> 2  创建html <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1

  • turn.js 实现翻书效果,自适应pc端、手机端、ipad,可以左右滑动翻页 <!doctype html> <!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="ie7"> <![endif]--> <!--[if IE 8 ]> <ht

  • 中文 API 初始化参数配置选项 <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"

 相关资料
  • 本文向大家介绍javaScript+turn.js实现图书翻页效果实例代码,包括了javaScript+turn.js实现图书翻页效果实例代码的使用技巧和注意事项,需要的朋友参考一下 为了实现图书翻页的效果我们在网上可以看到很多教程 在这里推荐turn.js 网上的turn.js 有api 不过是英文的  很多人看起来不方便 .关于代码也是奇形怪状在这里我将详细讲解如何使用turn.js实现翻页效

  • 本文向大家介绍ios电子书翻页效果代码详解,包括了ios电子书翻页效果代码详解的使用技巧和注意事项,需要的朋友参考一下 近实现了一个完整的电子书阅读器,支持txt和epub格式的电子书阅读,其中epub支持图文混排的方式展示。本文主要谈谈其中两种翻页效果的实现,分别为仿真翻页和水平滑动翻页。 仿真翻页 最合适的方案就是使用系统提供的UIPageviewcontroller了,不过默认的UIpage

  • 本文向大家介绍Bootstrap实现翻页效果,包括了Bootstrap实现翻页效果的使用技巧和注意事项,需要的朋友参考一下 Bootstrap之翻页。 优点: 支持局部刷新; 只要是列表,都可以加载该组件; 支持动态数据绑定; 当然还有绝对的简单实用。 效果图 最后一页时: 最开始一页时: 实现 ①、翻页组件的布局 pageNum:第几页 rel:要刷新哪一个div的id urlParas:其他参

  • 本文向大家介绍Android 仿日历翻页、仿htc时钟翻页、数字翻页切换效果,包括了Android 仿日历翻页、仿htc时钟翻页、数字翻页切换效果的使用技巧和注意事项,需要的朋友参考一下 废话不多说,效果图:   自定义控件找自网络,使用相对简单,具体还没有来得及深入研究,只是先用笨方法大概实现了想要的效果,后续有空会仔细研究再更新文章, 本demo切换方法是用的笨方法,也就是由新数字和旧数字相比

  • 本文向大家介绍原生JS实现图片翻书效果,包括了原生JS实现图片翻书效果的使用技巧和注意事项,需要的朋友参考一下 下面给大家分享基于原生js实现的图片翻书效果,具体代码如下所示: 以上所述是小编给大家介绍的原生JS实现图片翻书效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!

  • 本文向大家介绍基于Android实现3D翻页效果,包括了基于Android实现3D翻页效果的使用技巧和注意事项,需要的朋友参考一下 最近做了一个简单的3D效果翻页特效,先说说我的思路吧,首先我这个翻页效果并不是两个Activity之间的跳转,而是在同一个activity类切换不同的view而已。我现在的做法是单击一个button然后Gone当前的布局,然后把需要呈现的布局visible,在隐藏当前