html部分
<div id="container" class="swiper-container"> <div class="swiper-wrapper"> <section class="swiper-slide">内容页1</section> <section class="swiper-slide">内容页2</section> <section class="swiper-slide">内容页3</section> <section class="swiper-slide">内容页4</section> </div> <!--分页器--> <div class="swiper-pagination"></div> </div>JS部分
//配置swiper var mySwiper = new Swiper('.swiper-container', { speed: 500, //滚动速度 pagination : '.swiper-pagination', //分页器启动 direction: 'vertical', //垂直方向（默认是水平） mousewheelControl : true, //鼠标滚轮控制（默认false） keyboardControl : true, //键盘方向盘控制（默认false，如果水平方向，方向键左右起作用，如果是垂直，则是方向键上下起作用） //回调函数：当画面滑动开始的时候执行... onSlideChangeStart: function(swiper){ //当前页面的下标 var n = swiper.activeIndex; } }) //当xxx被点击的时候将页面滑动至第"m"页 xxx.click(function(){ mySwiper.slideTo(m) //m为下标 })(http://www.swiper.com.cn/api/index.html)
新闻热点
疑难解答
