HTML5翻页电子书

体验效果:http://hovertree.com/texiao/jquery/60/图片请用正方形的参考:http://hovertree.com/h/bjaf/d339euw9.htmhttp:

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

体验效果: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">
<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/" target="_blank">首页</a>
    <a href="http://hovertree.com/texiao/" target="_blank" >特效</a> <a href="http://hovertree.com/h/bjaf/dianzishu.htm" 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="http://hovertree.com/texiao/jquery/60/img/dataImg1.png" />
</div>
<div class="bookPage runPage">
<div class="bookWord">
<span>《雪山飞狐》</span> 
在金庸作品中属中乘之作。但在整体结构和场景设计上,表现出作者高超的才华。
作品正面叙述的情节只发生于一日之内,而向读者介绍的故事背景却横跨百余年,整体结构在这种处理之下,异常紧凑。作品中每一个景象都异常壮阔优美险峻,无论是空寂雪山里的羽箭射雁,还是拔地而起的玉笔峰上的山庄,无不为作品的英雄群像起到很好的衬托作用。
<span class="pageNumber">1</span>
</div>
<img src="http://hovertree.com/texiao/jquery/60/img/dataImg2.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="http://hovertree.com/hvtimg/bjafjd/njhmpefj.jpg" />
</div>
<div class="bookPage runPage">
<div class="bookWord">
<span>孙悟空</span>
是中国著名的神话角色之一,出自四大名著之《西游记》。相传他由开天辟地以来的仙石孕育而生,因带领<a href="http://hoverteee.com">群猴</a>进入水帘洞而成为众猴之王,号称为 “美猴王”。后来在西牛贺洲拜菩提祖师为师学艺,得名孙悟空,学会地煞七十二变 、筋斗云等高超的法术。
神通初成的孙悟空先后大闹地府与天宫,后被天界招安,封为弼马温。因感觉职位低而返回花果山自封为齐天大圣并迫使天庭承认该封号。
<span class="pageNumber">3</span>
</div>
<img src="http://hovertree.com/hvtimg/bjafjd/btl1cbfc.gif" />
</div>
<div class="bookPage last">
<div class="bookWord">
<span>梅花三弄</span>
  红尘自有痴情者
莫笑痴情太痴狂
若非一番寒澈骨
那得梅花扑鼻香
<a href="http://hovertree.com"></a>世间情为何物
只教人生死相许
看人间多少故事
最消魂梅花三弄
梅花一弄 断人肠
梅花二弄 费思量
梅花三弄 风波起
云烟深处 水茫茫
红尘自有痴情者
莫笑痴情太痴狂
若非一番寒澈骨
那得梅花扑鼻香
问世间情为何物
只教人生死相许
看人间多少故事
最消魂梅花三弄
问世间情为何物
只教人生死相许
看人间多少故事
最消魂梅花三弄
<span class="pageNumber">4</span>
</div>
</div>
</div>
</section>
</body>
</html>

 

转自:http://hovertree.com/h/bjaf/dianzishu.htm

更多特效:http://www.cnblogs.com/roucheng/p/texiao.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/120600.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • X.509数字证书的结构与解析

    X.509数字证书的结构与解析1、什么叫数字签名数字签名:将报文按双方约定的HASH算法计算得到一个固定位数的报文摘要。在数学上保证:只要改动报文中任何一位,重新计算出的报文摘要值就会与原先的值不相符。这样就保证了报文的不可更改性。将该报文摘要值用发送者的私人密钥加密,然后连同原报文一起发送给接收者,而产生的报文即称数字签名2、什么叫数字证书数字证书:数字证书就是互联网通讯中标志通讯各方身份信息的一系列数据,提供了一种在In

  • 数据库关系模型的三类完整性约束[通俗易懂]

    数据库关系模型的三类完整性约束[通俗易懂]关系模型中有三类完整性约束,分别是:实体完整性,参照完整性,用户定义完整性实体完整性定义:实体完整性是用于保证关系数据库中每个元组都是可区分的,唯一的。它的意思就是说数据表中每一行都应该有办法将其唯一区分开来,这自然指的就是主键了,而且主键必须不能为空或部分为空。那么它大可以直接叫一些诸如“要有主键”等通俗的名字,但是为何要叫实体完整性呢?首先第一点,“实体完整性”这个名字听起来就很高…

  • JavaScript 滚动页面到指定元素位置[通俗易懂]

    JavaScript 滚动页面到指定元素位置

  • 超详细的Git下载安装、环境变量配置教程

    超详细的Git下载安装、环境变量配置教程一、安装教程:1.首先去官网下载git安装包,附网址:https://git-scm.com/官网下载会比较慢,附上csdn下载链接:2.点击下载好的exe文件3.一直点击next,直到出现install,点击install,安装完成后点击finish:4.启动测试  到此,Git的安装完成,可以在开始菜单中看到Git的三个启动图标(GitBash、GitCMD(Deprecated)、GitGUI)。  GitBash

  • new URI(zk_servers_1) 路径包含下划线无法获取host的问题

    new URI(zk_servers_1) 路径包含下划线无法获取host的问题

  • VMM是什么?_兮是什么意思

    VMM是什么?_兮是什么意思虚拟机监视器(VMM)是一个系统软件,可以维护多个高效的、隔离的程序环境,该环境支持用户直接去访问真实硬件,而这样的程序环境就称为虚拟机。虚拟机是一个真实存在的计算机系统的硬软件副本,其中部分虚拟处理器指令子集以本地(native)方式执行在宿主(host)处理机上,其他部分指令以仿真方式执行。从以上定义可以看出,VMM管理计算机系统的真实资源,为虚拟机提供接口。使用VMM有以下优点:a)V…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号