• 文章介绍
  • 评价建议
  • swiper手机焦点图幻灯片切换特效是一款基于swiper.js的手机移动端图片滑动切换代码,宽屏响应式自适应浏览器宽度。

    js代码

    <script src="https://img.x22t.com/file/2020/04/25/b6dd95382d895e93095636cba7ee1d748118.js"></script>
    <script>
    window.onload = function() {
    var swiper = new Swiper(".swiper-container",{
    	autoplay:3000,
    	speed:1000,
    	autoplayDisableOnInteraction : false,
    	loop:true,
    	centeredSlides : true,
    	slidesPerView:2,
    	pagination : ".swiper-pagination",
    	paginationClickable:true,
    	prevButton:".swiper-button-prev",
    	nextButton:".swiper-button-next",
    	onInit:function(swiper){
    		swiper.slides[2].className="swiper-slide swiper-slide-active";//第一次打开不要动画
    		},
    	breakpoints: { 
    			668: {
    				slidesPerView: 1,
    			 }
    		}
    	});
    	}
    </script>
    

    OC共享平台----官方网址www.ocvoc.com 微信公众号ocvocc 可查询欧闪科技 本站免费资源 需要投广告,赞助的请多多支持,谢谢!
    欧闪科技---oc平台专业提供小程序源码|网站源码|Office素材|游戏服务端|棋牌源码服务端||装修素材|MAC软件下载|免费电影|教育资讯|视频点播|jquery特效 » swiper手机焦点图幻灯片切换特效

    Leave a Reply

    提供最优质的资源集合

    立即查看 了解详情

    Optimized by WPJAM Basic