这不是我的项目里的内容，因为同事在Iphone移动端需要实现这种翻书效果，解析出来的文件的文字使用HTML写的，而iPhone移动端这种效果出现了一些BUG，很难解决，就考虑有JS写一个，然后用到移动端。所以我就看了一下，感觉挺有意思，就和大家分享一下：
在这里需要用到一个jquery的插件 turn.js 大家如果要看更多的内容可以去这个地址：http://www.oschina.net/news/33508/jquery-plugins-for-book-like-page-flip-effect
至于下载 turn.js，大家可以在这个地址下下载：http://www.turnjs.com/#get
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="turnjs4/extras/jquery.min.1.7.js" ></script>
<script type="text/javascript" src="turnjs4/lib/turn.min.js" ></script>
<script type="text/javascript" charset="utf-8">
window.onload=function(){
$("#magazine").turn();
}
</script>
<style type="text/css">
#magazine{
width: 800px;
height: 400px;
}
#magazine .turn-page{
width: 400px;
height: 400px;
background-color: #ccc;
}
</style>
</head>
<body>
<div id="magazine">
<div class="turn-page"> page1</div>
<div class="turn-page"> page 2</div>
<div class="turn-page"> page 3</div>
</div>
</body>
</html>
原文地址：http://blog.csdn.net/li_li_lin/article/details/39299225
