turn

Posted 2020-12-15 zgfs

var point = flipMethods._c.call(this, corner, data.opts.cornerSize/1);

改变 这个数字的大小会改变右下角折起的大小默认的是2 数字越大折起的角越小

          x: point.x,
          y: point.y

这两个参数改变的是折起的角度

改变这里的 rgba( ) 颜色 会改变折角和翻页是背面的颜色

        $("#flipbook").turn({
            display:‘single‘,　　//显示单页
            autoCenter: true,
            acceleration:true,
            when: {
                turned: function(event, page, view) {
                    console.log("12323")
                    $(this).turn(‘peel‘,‘br‘);　　//每个可翻页 右下角折起
                    }
                },
            page:2,//初始页面
        });

 

　　

        $("#flipbook").bind("turning", function(event, page, view) {
          if (page==1) {　　　　　　　　//当前页是第一页是执行函数　　　　
            $("#flipbook").turn("direction", "ltr");　　//向右翻页动作
            setTimeout(jump,500);　　//延迟执行返回上一个页面 可以让用户看到翻页动画
          }
        });

　    function jump(){　　//返回上一个页面
            window.location.href = "javascript:history.back();"
        }

　　 $(‘.classs‘).click(function(){
            $("#flipbook").turn("next");　　　//点击某 class 翻一页

　　　　$("#flipbook").turn("page",7);　　//点击 翻到对应的页 如反倒第7页
        });

　　//   如果转跳页面是会闪出上一个页面 最好先隐藏  第一页等加载完了 再显示  每一页的主class设置　position: absolute;top: 0;left: 0;

        $(document).ready(function(){
            $(‘.index111‘).css(‘display‘,‘block‘);
        });