基本信息
源码名称：html5 翻书效果实例源码下载
源码大小：0.27M
文件格式：.rar
开发语言：CSS
更新时间：2014-07-23
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍 

<!DOCTYPE html>
<html>
    <head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link type="text/css" href="main.css" rel="stylesheet" media="screen" />
	</head>
	<body>
		<div id="book">
			<canvas id="pageflip-canvas"></canvas>
			<div id="pages">
				<section>
					<div>
						<h2>图片1</h2>
						<p>
                        <img src="7.jpg" style="width:350px; height:500px">
                        </p>
					</div>
				</section>
                	<section>
					<div> 
						<h2>图片2</h2>
						<p>
                        <img src="10.jpg" style="width:350px; height:500px">
                        </p>
					</div>
				</section>
                	<section>
					<div>
						<h2>图片3</h2> 
						<p>
                        <img src="8.jpg" style="width:350px; height:500px">
                        </p>
					</div>
				</section>
				<section>
					<div>
						<h2>文字</h2> 
						<p>Canvas consists of a drawable region defined in HTML code with height and width attributes. JavaScript code may access the area through a full set of drawing functions similar to other common 2D APIs, thus allowing for dynamically generated graphics. Some anticipated uses of canvas include building graphs, animations, games, and image composition.</p>
					</div>
				</section> 
			
			</div>
		</div>
		<script type="text/javascript" src="pageflip.js"></script>
	</body>
<html>