html中的Pagecurl效果

时间:2014-04-01 08:56:47

标签: jquery html5 turnjs

我在html中寻找与http://www.turnjs.com/#samples/steve-jobs非常相似的pagecurl效果。但是如果我可以根据我的要求改变尺寸,我也特意在单页上寻找类似的效果。     我已经提到了jflip插件,但我无法根据我的要求进行自定义。请参考下图。

除了我可以使用的turnjs或jFlip还是其他任何可能的解决方案之外,是否有可用的jquery插件?

Page curl image:

http://oi59.tinypic.com/2pttl5e.jpg

1 个答案:

答案 0 :(得分:0)

根据Turn.js documentation制作目录,单页就像声明一样简单:

_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); 个对象。

width: 100%px;