jquery.swiper.js
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!
- 引入文件
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- 如果需要滚动条 -->
<div class="swiper-scrollbar"></div></div>
导航等组件可以放在container之外
3. 设置Swiper大小 (可选)
控制swiper大小可通过swiper-container容器
.swiper-container {
width: 600px;
height: 300px;
}
4. js初始化Swiper
初始化Swiper必须放到页面加载完成之后, 例如放到末尾,