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)


相关推荐

  • ipfs是挖矿吗(ipfs挖矿收益)

    1.天时所谓天时就是能够准确的知道IPFS具体上线时间,虽然Filecoin团队给出的时间是明年的4月至9月,但是能够精确到具体的时间就能够把握先机。星际魔方的运营团队一直密切的关注着IPFS的一切动向,一有风吹草动就能够在第一时间将信息传递出去,因此关注星际魔方就能够掌握IPFS的一切信息和未来计划,也就能够掌握天时。2.地利Filecoin的存储机制决定了文件会优先分配给距离更近更好的矿机进行…

  • ubuntu最详细安装nginx_ubuntu centos debian

    ubuntu最详细安装nginx_ubuntu centos debian1、创建nginx账号root@ubuntu:/usr#useradd-mnginx

  • 编程实现strstr函数「建议收藏」

    编程实现strstr函数「建议收藏」函数接口为:char*mystrstr(char*str1,char*str2)要求:在字符串str1中查找第一次出现字符串str2的位置,如果找到匹配的字符串,返回第一次匹配的指针,否则返回NULL。#include&lt;iostream&gt;usingnamespacestd;char*mystrstr(char*str1,char*str2){ char*p,*q;…

  • 软考网络工程师备考经验

    软考网络工程师备考经验软考网工的备考经验文章目录讲废话题型备考经验上午题下午题刷题软件讲废话本人大三,网络工程专业。11月8日考的试,11月18日出的成绩。上午53,下午54,但是成绩还是让我不太满意鸭!!!最开始大二的时候从老师的嘴里听到的有能力的去考软考(其实我也没什么能力,是个老菜逼了。。。)所以下课的时候就了解了一下。软考有初级、中级、高级。初级是网管员没什么技术含量挺简单的,高级呢,要写论文还没项目经验也不会写论文,所以就选择了中级网络工程师。题型分为上午题(75道选择题)、下午题(案例分析4大题7

  • C++线程池QueueUserWorkItem

    C++线程池QueueUserWorkItem在计算机程序中,线程是一种很重要的资源,使用的恰当可以极大的提高程序的效率,也就是多线程的使用,但是多线程会让应用程序变得异常复杂,会占用大量的系统资源。就像QQ表情一样,每一个QQ表情的闪动都需要构建一个线程,如果用户使用了大量的表情(GIF),将会有多少个线程在运行,系统的性能将大大减少,甚至导致死机。在这种情况下,多线程变得不太合适了,那么什么机制适用于这种情况下呢,这就是线程池。通

    2022年10月24日
  • UART串口流控制(Flow control)「建议收藏」

    UART串口流控制(Flow control)「建议收藏」一般在串行通讯中,我们会在一些上位机上看到RTS/CTS、DTR/DSR和XON/XOFF的选项,这是对流控制的选项,一般是应用于RS232接口的,是拿来调制解调器的数据通讯的一、流控制的作用这里讲到的“流”,指的是数据流;在数据通信中,流控制是管理两个节点之间数据传输速率的过程,以防止出现接收端的数据缓冲区已满,而发送端依然继续发送数据,所导致数据丢失二、工作原理当接收端的数…

发表回复

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

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