• 文章介绍
  • 评价建议
  • 一款非常不错的PC手机端通用的jQuery响应式幻灯片轮播特效,仿小猪CMS官网首页焦点图幻灯片切换代码。

    js代码

    <script src="https://img.x22t.com/file/2020/04/25/4cf1bdb28e1d40b3eb5d47c48e7b1f462871.js"></script>
    <script src="https://img.x22t.com/file/2020/04/25/baa382261fd46b37e7b3bc3f8a5378a53975.js"></script>
    <script src="https://img.x22t.com/file/2020/04/25/7ceca2220c1db1070886c8c71a692fb44708.js"></script>
    <script>        
    var mySwiper = new Swiper (".swiper-container", {
    	pagination: ".pagination",
    	paginationClickable :true,
    	autoplay : 10000,
    	speed:1,
    
    	//autoplayDisableOnInteraction : false,
    	
    	onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
    		swiperAnimateCache(swiper); //隐藏动画元素 
    		swiperAnimate(swiper); //初始化完成开始动画
    	}, 
    	onSlideChangeEnd: function(swiper){ 
    	swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
    	} 
    })
      
    $(".arrow-left").on("click", function(e){
    	e.preventDefault()
    	mySwiper.swipePrev()
    })
    $(".arrow-right").on("click", function(e){
    	e.preventDefault()
    	mySwiper.swipeNext()
    })    
    </script> 
    

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

    Leave a Reply

    提供最优质的资源集合

    立即查看 了解详情

    Optimized by WPJAM Basic