翻页脚本自定义turn.js（javascript）

Question

我正在看这本书翻页脚本： www.turnjs.com/#samples/magazine1 有很多自定义选项，但似乎没有我想做的选项。

现在的样子，为了翻页，你必须在角落附近盘旋。 只有这样页面角落才会转动，你会猜到通过点击你可以转到下一页。

我想要的是让所有区域都可点击;无论鼠标悬停在哪里，书中都应该弯曲一个角落。 我知道我可能要在某个地方直接编辑代码，但是尽管我尝试过但我找不到这个地方。 页面翻转的所有 CSS 似乎都在 turn.js 文件中

如果有人可以找到要编辑的代码行，请告诉我。 感谢

Answer 1

jquery悬停将为您提供答案。尝试在您的文档就绪功能中包含此代码。

$(".turn-page").hover(function() {
       $(this).css({"transform": "rotate(-45deg) translate3d(262px, -263px, 0px)"});
       $(this).parent().css({"transform": "translate3d(-633px, 68px, 0px) rotate(45deg)"});
    });

注意：这仅用于测试目的。删除悬停功能中的行并添加您的代码。