GSAP+Swiper+Svg实现六等分平面圆形进度条关联文本图片手动自动切换的效果
圆形使用svg代码实现，一个svg背景圆，一个svg进度条圆；进度条使用GSAP的动画操作svg的stroke-dasharray和stroke-dashoffset属性实现，实现思路是一个间隔为一个圆的周长；图片自动轮播切换使用swiper.js插件实现，因为它方法参数多，可以省去不少时间。
实现代码
插件文件：
<link rel="stylesheet" type="tex...
通过swiper.js插件实现单边三张图片重叠轮播效果
常见的堆叠轮播效果，基于Swiper 8.4.7版本的创意效果参数effect: 'creative'实现。
HTML代码：
<link rel="stylesheet" type="text/css" href="../css/swiper-bundle.css" media="screen"/> <!--Swiper 8.4.7-->
<script src="...
jquery实现tab切换内容为几个不同swiper.js轮播插件模块的代码
做一个点击指定元素切换指定内容的页面模块（TAB切换），要切换的内容是独立的swiper.js轮播插件模块，如果先swiper初始化轮播内容，然后实现tab切换就会出现各轮播模块冲突，比如前进后退按钮异常、分页器异常、切换时内容加载异常等。可以避免各轮播模块冲突的方法是点击切换时再初始化当前的swiper轮播，其它的swiper轮播则注销掉。
HTML代码：
<script src="js/swiper-b...
Swiper幻灯片插件实现video视频播放结束再继续轮播的代码
使用Swiper.js轮播图插件实现当前活动块元素有video视频时swiper停止自动切换，监听视频播放结束再继续自动切换到下一个的效果。实现该效果需要用到swiper事件有slideChangeTransitionEnd(swiper)、用到swiper的方法有mySwiper.autoplay.stop()、mySwiper.autoplay.start()。
实现代码
HTML代码
<d...
