楼主: admin
打印 上一主题 下一主题

tfboys人物展示的切换效果

  [复制链接]

该用户从未签到

0

主题

4

帖子

10

积分

新手上路

Rank: 1

积分
10
楼主
发表于 2021-5-20 08:40:57 | 显示全部楼层
这个原理就是写三个轮播,分别定位上去,好麻烦,各位不用去下载了,我源码给你们解密出来,
'use strict';
var currentSwiper = new Swiper('.current-swiper', {
        loop: true
});
currentSwiper.$el.parent().find('.swiper-button-next').on('click', function() {
        currentSwiper.slideNext()
});
currentSwiper.$el.parent().find('.swiper-button-prev').on('click', function() {
        currentSwiper.slidePrev()
});
var leftSwiper = new Swiper('.left-swiper', {
        loop: true,
        simulateTouch: false
});
var rightSwiper = new Swiper('.right-swiper', {
        loop: true,
        simulateTouch: false
});
currentSwiper.controller.control = [leftSwiper, rightSwiper];
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-5-3 01:24 , Processed in 0.068793 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表