基于zepto的微信手机端微场景HTML5页面特效

1
<div id="page-content">
2
  <div class="page page-1 page-current"></div>
3
  <div class="page page-2 hide"></div>
4
  <div class="page page-3 hide"></div>
5
  <div class="page page-4 hide"></div>
6
  <div class="page page-5 hide"></div>
7
  <div class="page page-6 hide"></div>
8
  <div class="page page-7 hide"></div>
9
  <div class="page page-8 hide"></div>
10
  <div class="page page-9 hide">
11
    <div class="btn-group"> <a href="https://windcoder.com/ <img class="pt-page-rotateUnfoldTop hide" src="https://windcoder.com/img/btn_joinus.png" alt=""> </a><br>
12
      <a href="https://windcoder.com/"> <img class="pt-page-rotateUnfoldTop hide" src="https://windcoder.com/img/btn_weixin.png" alt=""> </a> </div>
13
  </div>
14
</div>

1
.page-1{ background-image: url(../img/1.png);}
2
.page-2{ background-image: url(../img/2.png);}
3
.page-3{ background-image: url(../img/3.png);}
4
.page-4{ background-image: url(../img/4.png);}
5
.page-5{ background-image: url(../img/5.png);}
6
.page-6{ background-image: url(../img/6.png);}
7
.page-7{ background-image: url(../img/7.png);}
8
.page-8{ background-image: url(../img/8.png);}
9
.page-9{ background-image: url(../img/9.png);}