特效描述:箭头滚屏翻页。jQuery css3制作带箭头分页索引的全屏页面滚动,全屏图片滚动翻页展示代码。
代码结构
1. 引入CSS
<link rel="stylesheet" href="css/wheel-core.css">
2. 引入JS
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/wheel.min.js"></script> <script type="text/javascript" src="js/wheel-core.js"></script>
3. HTML代码
<section class="section-wrap"> <div class="section section-1"> <div class="title"></div> </div> <div class="section section-2"> <div class="title"></div> </div> <div class="section section-3"> <div class="title"></div> </div> <div class="section section-4"> <div class="title"></div> </div> <div class="section section-5"> <div class="title"></div> </div> <div class="section section-6"> <div class="title"></div> </div> </section> <ul class="section-btn"> <li class="on"></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <div class="arrow"></div>