1.首先加载插件,点击下载基础测试包,测试包里面已经包含了js和css文件。
<head>
<link rel="stylesheet" href="css/idangerous.swiper.css">
<script src="js/idangerous.swiper-2.x.min.js"></script>
</head>
2.HTML内容。
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"> Slide1</div>
<div class="swiper-slide"> Slide2</div>
<div class="swiper-slide"> Slide3</div>
</div>
</div>
3.函数调用。
<script type="text/javascript">
window.onload = function() {
var mySwiper = new Swiper('.swiper-container',{
loop: true
//其他设置
});
}
</script>
4.另外,函数调用还支持jQuery和Zepto,如果需要使用,请先加载jQuery.js或zepto.js。
<script type="text/javascript">
$(function(){
var mySwiper = $('.swiper-container').swiper({
loop: true
//其他设置
});
})
</script>
由于IE7不支持querySelectorAll和querySelector方法,因此IE7必须要引入Jquery