PC手机端通用的jQuery响应式幻灯片轮播特效 暂无演示

PC手机端通用的jQuery响应式幻灯片轮播特效

售价:
¥10 积分
  • 普通用户购买价格 : 10积分
  • 钻石会员购买价格 :10积分
  • 终身钻石购买价格 : 免费
QQ咨询

    Warning: Illegal string offset 'ser_group' in /www/wwwroot/www.feimaku.com/wp-content/themes/ripro-chlid/single.php on line 294

    Warning: Invalid argument supplied for foreach() in /www/wwwroot/www.feimaku.com/wp-content/themes/ripro-chlid/single.php on line 294

升级尊贵会员
享受全站VIP待遇

324+
会员已经加入
  • 文章介绍
  • PC手机端通用的jQuery响应式幻灯片轮播特效-飞码网

    一款非常不错的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> 
    

    版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
    本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
    本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
    飞码网 » PC手机端通用的jQuery响应式幻灯片轮播特效

    发表评论

    1374+

    本站勉强运行

    324+

    用户总数

    66829+

    资源总数

    0+

    今日更新

    2022-9-28

    最后更新时间