HTML+CSS+JavaScript实现书本翻页的效果

（图1）

（图2）

（图3）
当鼠标悬停在书本边缘是会有一个书页准备翻页的动画（如图3），然后在点击左右两侧的按钮时书本会翻页（如图1）（这里要是能将左右两侧的按钮效果作用在书页上就更好了）最终的效果如图2（本人js初学者，如有需要用到js代码，请各位答主能做好备注，不胜感激）

Booklet是一个基于jQuery库的实现网页上翻书动画效果的插件，在jBooklet页面上可以写任何支持html的内容，而软件设置相当简单，就算是什么都没设置，采用默认值，效果都非常的棒。
https://www.jq22.com/jquery-info2490?tdsourcetag=s_pcqq_aiomsg

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7770359
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：HTML搭配JS(JavaScript)实现完全独立的评论组件,可移植,可复用,可读性强（附源码）
• 除此之外, 这篇博客: 【HTML+CSS+JavaScript】掌握基本编程思想，还怕什么代码？中的  3.2 自动类型转换 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 5 + null    // 返回 5         null 转换为 0
  "5" + null  // 返回"5null"    null 转换为 "null"
  "5" + 1     // 返回 "51"      1 转换为 "1" 
  "5" - 1     // 返回 4         "5" 转换为 5
  "a" - 1     // NaN 非法       "a" 转换失败，程序报错