本文中的例子都是用小程序编写的，但不影响要实现的功能。多复制一份wxml图片框，让图片首尾相连“>wxss.dis-flex{display:flex;显示：-webkit-flex；}.scrollbox{边距：30px；文本对齐：居中；边框：1px纯蓝色；高度：220rpx；对齐项目：居中；overflow:hidden;}.imgItem{animation:24srowuplinearinfinitenormal;}.imgItemimage{width:200rpx;高度：200rpx；保证金：020rpx;}@keyframesrowup{0%{-webkit-transform:translate3d(0,0,0);转换：translate3d(0,0,0);}100%{-webkit-transform:translate3d(-100%,0,0);转换：translate3d(-100%,0,0);}}@-webkit-keyframesrowup{0%{-webkit-transform:translate3d(0,0,0);转换：translate3d(0,0,0);}100%{-webkit-transform:translate3d(-1000px,0,0);转换：translate3d(-1000px,0,0);}}js调速的关键是动画时间由循环项的个数动态控制Page({data:{images:newArray(4),computedAni:''},onLoad:function(){this.setAniSpeed(this.data.images.length)},setAniSpeed(num){lettime=Math.ceil(num/5*15)//这个是基于5张图片的动画时间，动画时间为15s，这个可以自己调整setData({computedAni:`${time}srowuplinearinfinite`})}})点这里查看代码片段https://developers.weixin.qq.com/s/4gGngEm67Zlh
