我试图只让我的代码使用剥离效果,turn.js
当用户将鼠标悬停在页面的右下角时,角落会剥落一点,看起来像是在弯曲。
我不想要实际的翻页效果,只想要剥离效果。
根据文档,它说我可以执行以下操作:
$("#flipbook").turn({peel: "br"});
但它没有效果。
这是我正在处理的 jsfiddle 的链接:
我试图只让我的代码使用剥离效果,turn.js
当用户将鼠标悬停在页面的右下角时,角落会剥落一点,看起来像是在弯曲。
我不想要实际的翻页效果,只想要剥离效果。
根据文档,它说我可以执行以下操作:
$("#flipbook").turn({peel: "br"});
但它没有效果。
这是我正在处理的 jsfiddle 的链接:
您可以使用该turning
事件,并防止该回合实际发生。再加上添加第二页(因此实际上需要翻页,从而激活效果)将为您提供您所追求的效果 - 一个可剥离的角落,无需任何实际翻页。
$("#flipbook").bind("turning", function(event, pageObject, corner) {
event.preventDefault();
});
在这里试试:http: //jsfiddle.net/GRMule/A9a7E/5215/
在事件处理程序中,您可以触发自己对翻页开始的反应,例如加载新页面或您想到的任何内容。
编辑
正如 dc5 的评论中提到的,您可以在正确初始化之后手动触发剥离方法(如您在问题中所示)。这是对上述示例的修改,添加了一行以立即显示剥离:http: //jsfiddle.net/GRMule/A9a7E/5216/ - 感谢 dc5!
文档