html电子书翻页效果代码,附效果演示
来源:互联网 发布:淘宝卖家移动版 编辑:程序博客网 时间:2024/05/24 05:26
两个js代码就不赘述了,js代码不需要改动,可以将图片替换成自己的图片<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>HTML5电子书翻页动画效果</title>
<link rel="stylesheet" type="text/css" href="css/book.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/book.js"></script>
</head>
<body>
<section id="knowledge" class="viewBlock">
<div class="bookBox">
<a class="lastBtn"><</a>
<a class="nextBtn">></a>
<div class="bookPage frist">
<img src="img/dataImg1.png" />
</div>
<div class="bookPage runPage">
<div class="bookWord">
<span>Glacier</span> is the polar or alpine areas exist on the surface for many years and has a natural ice body along the ground motions. Ice snow for many years, after compaction, recrystallization, then freeze into ice. About 1/10 of the land area of glaciers on earth, and 4/5 of the fresh water resource is stored in the glacier.
<span class="pageNumber">1</span>
</div>
<img src="img/dataImg2.png" />
</div>
<div class="bookPage runPage">
<div class="bookWord">
<span>Surface</span> water is the floorboard of the dynamic water and static water on land surface, which belongs to dynamic water lakes, rivers, and marshes, is the most important and most direct source of water supply, the earth's ecosystem system is to maintain stable operation of the blood.
<span class="pageNumber">2</span>
</div>
<img src="img/dataImg3.png" />
</div>
<div class="bookPage runPage">
<div class="bookWord">
<span>Groundwater</span> as an important bodies of water, the earth has close relationship with human society. Groundwater storage is in the ground to form a large reservoir, with its stable water supply conditions, good water quality, become the human society of water less than nuuk.
<span class="pageNumber">3</span>
</div>
<img src="img/dataImg4.png" />
</div>
<div class="bookPage last">
<div class="bookWord">
<span>Ocean</span> is the world's most extensive water, center part of the ocean called the, edges as the sea, and communicate with each other of unified bodies of water. Contains more than one billion three hundred million and five thousand cubic kilometers of sea water, accounting for about 97% of the total water on the earth, and can be used for human consumption accounts for only 2%.
<span class="pageNumber">4</span>
</div>
</div>
</div>
</section>
<div style="text-align:center;">
<p>来源:源码之家</p>
</div>
</body>
</html>
- html电子书翻页效果代码,附效果演示
- Android 翻页效果 电子书
- Android电子书翻页效果
- android 电子书翻页效果
- Android电子书翻页效果实现
- android 电子书源码,翻页效果
- Android电子书翻页效果实现
- 页面加密代码,附效果演示
- android 翻页卷曲效果 电子书翻页
- Iphone 视图效果 电子书翻页效果
- html+Js [在线演示代码效果]
- 电子书翻页效果的通用算法设想
- 唯美雪景雪花飘落代码,附效果演示
- 拖拽翻页效果代码
- html文字滚动效果演示
- 翻页效果
- 翻页效果
- 翻页效果
- 页面加密代码,附效果演示
- 非常漂亮的纯css3实现多彩侧边导航(非常流畅),附效果演示
- 唯美雪景雪花飘落代码,附效果演示
- 三角形的判断
- 基础练习 BASIC-15 字符串对比
- html电子书翻页效果代码,附效果演示
- 一个手机页面的导航代码,附效果图
- svn介绍
- Mac下安装Memcache
- 图片循环滚动代码-附效果图
- 倒计时代码-附效果图
- MyEclipse安装教程以及配置server和运行起来
- 顺序表应用6:有序顺序表查询
- javascript简介,什么是 JavaScript?,JS的特征,开发环境