最新公告
  • 资源宝-专注于优秀资源,本站秉承服务宗旨 履行“站长”责任, 服务永无止境!
  • swiper手机焦点图幻灯片切换特效

    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>
    
    资源宝-—专注于优秀资源搜集共享与发布
    资源宝 » swiper手机焦点图幻灯片切换特效

    发表评论

    • 99999访问总数
    • 397会员总数(位)
    • 11062资源总数(个)
    • 900 资源大小(GB)
    • 764稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情