Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。 我们如果页面用到多个轮播的话，可以封装起来，使代码更加的简洁。
swiper轮播插件封装
<script>
// 轮播封装
function fun_swiper(opjnew,objnew1,objnew2){
var swiper = new Swiper(opjnew, {
pagination: objnew1,
slidesPerView: 1,
paginationClickable: true,
spaceBetween: 0,
speed:600,
autoplay: 3000,
autoplayDisableOnInteraction : false,
loop: true,
effect: objnew2
})
}
</script>使用方法：传递父div、轮播点、切换类型
<script>
$(function(){
fun_swiper("#nbanner-container","#nbanner-pagination","slide"); //banner
fun_swiper("#n_new-container","#n_new-pagination","slide"); //热点
fun_swiper("#n_about-container","#n_about-pagination","fade"); //热点
fun_swiper("#n_doctor-container","#n_doctor-pagination","slide"); //专家团队
var lh = 0;
window.onload = setInterval(function(){
var leng = $(".nsmallnav li a").length;
var ran = parseInt(Math.random()*leng);
var arr = [ran,ran-'1'];
$('.nsmallnav li a').removeClass('onver');
$('.nsmallnav li a').eq(arr[0]).addClass("onver");
},3000);
})
</script>
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）