turn.js实现翻书效果

参考链接:

http://www.turnjs.com/


步骤:

1.html布局

2.引用js

注意:这个放在html最下面或者js最后面

3.jquery 默认翻书效果

注意:监听事件里面可以放可以放很多函数,turning(翻页开始的时候触发),turned(翻页结束的时候触发),last(最后一页触发)

我在做翻页的时候遇到一个问题,就是在提交表单的时候,select选中会触发左右翻书事件,所以form表单提交的时候要禁止滑动,其实很简单一个东西,但是我看了很多有关turn.js的文章,大家都没有解释清楚,后来直接找英文官网,只要一句话搞定:

$(".flipbook").turn("disable", true);//禁用滑动

鉴于本人很懒,其余的代码网上都有,所以就不一一复制了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一种新的协议。它实...
    香橙柚子阅读 24,166评论 8 184
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,205评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • Swift版本点击这里欢迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh阅读 25,592评论 7 249
  • 我已经很久没见过自己的笑脸了,有时怀疑自己已经失去笑的能力,扑克脸是我的常态,这有点让我不喜欢自己。身心医学和整体...
    可爱的刺猬阅读 232评论 0 1