体验效果：http://hovertree.com/texiao/jquery/60/
图片请用正方形的
参考：http://hovertree.com/h/bjaf/d339euw9.htm
http://hovertree.com/texiao/jquery/48/
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>jQuery翻页电子书 - 何问起</title>
<link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/jquery/60/css/book.css" rel="external nofollow" >
<script type="text/javascript" src="http://down.hovertree.com/jquery/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="http://hovertree.com/texiao/jquery/60/js/book.js"></script>
</head>
<body>
<div class="hovertreetitle"><h1>jQuery翻页电子书</h1><a href="http://hovertree.com/" rel="external nofollow" target="_blank">首页</a>
<a href="http://hovertree.com/texiao/" rel="external nofollow" target="_blank" >特效</a> <a href="http://hovertree.com/h/bjaf/dianzishu.htm" rel="external nofollow" rel="external nofollow" target="_blank">原文</a></div>
<section id="knowledge" class="viewBlock">
<div class="bookBox">
<a class="lastBtn"><</a>
<a class="nextBtn">></a>
<div class="bookPage frist">
<img src="https://img.zhankr.net/133ithljrm2276021.png" />
</div>
<div class="bookPage runPage">
<div class="bookWord">
<span>《雪山飞狐》</span>
在金庸作品中属中乘之作。但在整体结构和场景设计上，表现出作者高超的才华。
作品正面叙述的情节只发生于一日之内，而向读者介绍的故事背景却横跨百余年，整体结构在这种处理之下，异常紧凑。作品中每一个景象都异常壮阔优美险峻，无论是空寂雪山里的羽箭射雁，还是拔地而起的玉笔峰上的山庄，无不为作品的英雄群像起到很好的衬托作用。
<span class="pageNumber">1</span>
</div>
<img src="https://img.zhankr.net/ajwtd55v2q3276022.png" />
</div>
<div class="bookPage runPage">
<div class="bookWord">
<span> 鄱阳湖</span>
地处江西省的北部，长江中下游南岸。鄱阳湖以松门山为界，分为南北两部分，北面为入江水道，长40公里，宽3至5公里，最窄处约2.8公里；南面为主湖体，长133公里，最宽处达74公里。
鄱阳湖是世界上最大的鸟类保护区，“鄱阳湖畔鸟天堂，鹬鹳低飞鹤鹭翔；野鸭寻鱼鸥击水，丛丛芦苇雁鹄藏”，每年秋末冬初，有成千上万只候鸟，从俄罗斯西伯利亚、蒙古、日本、朝鲜以及中国东北、西北等地来此越冬。(图文不相关)
<span class="pageNumber">2</span>
</div>
<img src="https://img.zhankr.net/00vpgbqfmrn276023.jpg" />
</div>
<div class="bookPage runPage">
<div class="bookWord">
<span>孙悟空</span>
是中国著名的神话角色之一，出自四大名著之《西游记》。相传他由开天辟地以来的仙石孕育而生，因带领<a href="http://hoverteee.com" rel="external nofollow" >群猴</a>进入水帘洞而成为众猴之王，号称为 “美猴王”。后来在西牛贺洲拜菩提祖师为师学艺，得名孙悟空，学会地煞七十二变 、筋斗云等高超的法术。
神通初成的孙悟空先后大闹地府与天宫，后被天界招安，封为弼马温。因感觉职位低而返回花果山自封为齐天大圣并迫使天庭承认该封号。
<span class="pageNumber">3</span>
</div>
<img src="https://img.zhankr.net/1dl4fcdeuzj276024.gif" />
</div>
<div class="bookPage last">
<div class="bookWord">
<span>梅花三弄</span>
红尘自有痴情者
莫笑痴情太痴狂
若非一番寒澈骨
那得梅花扑鼻香
<a href="http://hovertree.com" rel="external nofollow" >问</a>世间情为何物
只教人生死相许
看人间多少故事
最消魂梅花三弄
梅花一弄 断人肠
梅花二弄 费思量
梅花三弄 风波起
云烟深处 水茫茫
红尘自有痴情者
莫笑痴情太痴狂
若非一番寒澈骨
那得梅花扑鼻香
问世间情为何物
只教人生死相许
看人间多少故事
最消魂梅花三弄
问世间情为何物
只教人生死相许
看人间多少故事
最消魂梅花三弄
<span class="pageNumber">4</span>
</div>
</div>
</div>
</section>
</body>
</html>
