html中的pagecurl效果

Question

我正在寻找与http://www.turnjs.com/#samples/steve-jobs 非常相似的html 页面卷曲效果。但是如果我可以根据我的要求更改尺寸，我也特别在单个页面上寻找类似的效果。 我参考了 jflip 插件，但我无法根据我的要求对其进行自定义。请参考以下图片。

除了我可以使用的 turnjs 或 jFlip 或任何其他可能的解决方案之外，还有其他可用的 jquery 插件吗？

页面卷曲图片：

Answer 1

根据 Turn.js documentation 的说法，使目录成为单页就像声明一样简单：

    $('#magazine').turn({ display:'single' });

要更改页面折叠的样式，您可以修改 _fold 函数或永久调整在调用时传递给它的 point2d 对象。

        //Lines ~2672 and ~2972
        c.x = Math.round(v[0]);
        c.y = Math.round(v[1]); //increase or decrease height
        flipMethods._fold.call(that, c);