特效描述：zepto.js 手机触屏 滑动页面滚屏，zepto.js手机开发框架制作手指触屏滑动页面滚屏展示预览效果
代码结构
1. 引入CSS
<link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="stylesheet" type="text/css" href="css/animations.css"> <link rel="stylesheet" type="text/css" href="css/layout.css"> <link rel="stylesheet" type="text/css" href="css/page.css">
2. 引入JS
<script type="text/javascript" src="js/zepto.min.js"></script> <script type="text/javascript" src="js/touch.js"></script> <script type="text/javascript" src="js/index.js"></script>
3. HTML代码
<div id="page-hd">
<div id="loading" style="display: none;">
<div class="spinner">
<div class="spinner-container container1">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="spinner-container container2">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="spinner-container container3">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
</div>
</div>
<img src="img/icon_up.png" alt="" class="arrow-up pt-page-moveIconUp"> </div>
<div id="page-content">
<div class="page page-1 page-current"></div>
<div class="page page-2 hide"></div>
<div class="page page-3 hide"></div>
<div class="page page-4 hide"></div>
<div class="page page-5 hide"></div>
<div class="page page-6 hide"></div>
<div class="page page-7 hide"></div>
<div class="page page-8 hide"></div>
<div class="page page-9 hide">
<div class="btn-group"> <a href="http://www.17sucai.com/"> <img class="pt-page-rotateUnfoldTop hide" src="img/btn_joinus.png" alt=""> </a><br>
<a href="http://www.17sucai.com/"> <img class="pt-page-rotateUnfoldTop hide" src="img/btn_weixin.png" alt=""> </a> </div>
</div>
</div>
<div id="page-ft"></div>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/touch.js"></script>
