turn.js实现翻书效果

所属分类:媒体,其他-图片展示,动画效果

 173287  582  查看评论 (85)
分享到微信朋友圈
X
turn.js实现翻书效果 ie兼容7

turn.js实现翻书效果

完美自适应屏幕大小

支持ie7以上浏览器

可键盘翻页、鼠标点击按钮翻页,鼠标卷边翻页,可放大缩小书页

相关插件-图片展示,动画效果

jquery3D旋转相册

jquery3D旋转相册
  图片展示
 53499  479

js 3D图片旋转

原生js 3D图片旋转插件
  图片展示
 28297  320

jQuery支持图片放大缩小查看效果

e-smart-zoom-jquery.js插件页面上提供了两个按钮,可以让你的图片点击放大或者缩小当然,对于懒人来说,真是懒得点击那么你可以将鼠标悬停在图片上,滚动鼠标滚轮即可实现图片的放大或者缩小效果
  图片展示
 169158  536

JQ插件 放大镜 对比图 倍数可选

放大镜进行两张图片对比功能,可选放大倍数
  图片展示
 24536  332

讨论这个项目(85)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?迷??? 0
    2021/11/25 17:16:50
    手机端能否默认设置横版 回复
    ?迷??? 0
    2021/11/25 17:14:30
    手机端打开太小了,手机端页面打开能自动放大到一定的比率吗 回复
    糖糖的 0
    2021/9/6 15:04:49

    如何不显示第一页封面

    turn.js中_eventStart修改为:
     _eventStart: function(e) {
       var data = this.data().f,
         turn = data.opts.turn;  
         
       if (!data.corner && !data.disabled && !this.flip('isTurning') &&
         data.opts.page==turn.data().pagePlace[data.opts.page])
       {  
         data.corner = flipMethods._isIArea.call(this, e);
    
         if(data.corner.corner=='bl' && data.opts.page<=2){
           data.corner = null;
           return false;
         }
    
         if (data.corner && flipMethods._foldingPage.call(this)) {
           this.trigger('pressed', [data.point]);
           flipMethods._showFoldedPage.call(this, data.corner);
    
           return false;
    
         } else
           data.corner = null;
    
       }
    
     },
    回复
    浅浅相遇,安陪一生。 0
    2020/12/21 14:22:34
    请问一下有谁知道怎么取消点击页角翻页吗?
    回复
    浅浅相遇,安陪一生。 0
    2020/12/16 15:14:32
    请问谁知道怎么取消页角卷起时点击翻页效果,内容我添加了点击弹窗会同时触发翻页效果,点击内容出现弹窗不翻页,谢谢 回复
    小丫头 0
    2020/11/19 19:53:43
    可以实现自动翻页吗 回复
    mahayu2011 0
    2020/10/12 15:29:51
    可以实现每页高度不一样吗 回复
    mahayu2011 0
    2020/10/12 15:28:57
    高度可以自适应吗 回复
    珍惜&青春 0
    2020/8/19 17:02:26
    请问这种动态数据的话怎么实现呢?每个页面的布局都不一样,咋接数据呢? 回复
    珍惜&青春 0
    2020/8/19 14:39:40
    如何把卷边去掉,吧点击卷边跳转去掉呢?
        浅浅相遇,安陪一生。0
        2020/12/21 14:23:55
        你的点击页角跳转取消成功了吗?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复