多张图片滚动切换，css代码样式。

Posted 2023-03-19

多张图片滚动切换，css代码样式。急！！！

参考技术A 只是CSS可能整出来的不好啊，还是要加上js才更好。但是这个也可以，CSS的。
div
border: 1px solid red;
width: 500px;
height: 280px;
/*background-image:url(..//pic/newimages/1.png);*/
position: relative;
animation: firstone 10s infinite;
animation-direction: alternate;
-webkit-animation: firstone 10s infinite;
-webkit-animation-direction: alternate;

@keyframes firstone
0%
background-image: url(..//pic/newimages/1.png);
left: 20px;
top: 0;

25%
background-image: url(..//pic/newimages/8.jpg);
left: 280px;
top: 0;

50%
background-image: url(..//pic/newimages/7.jpg);
left: 280px;
top: 280px;

75%
background-image: url(..//pic/newimages/15.jpg);
left: 20px;
top: 280px;

20%
background-image: url(..//pic/newimages/19.jpg);
left: 20px;
top: 0;


@-webkit-keyframes firstone
0%
background-image: url(..//pic/newimages/2.png);
left: 0;
top: 0;

25%
background-image: url(..//pic/newimages/8.jpg);
left: 280px;
top: 0;

50%
background-image: url(..//pic/newimages/7.jpg);
left: 280px;
top: 280px;

75%
background-image: url(..//pic/newimages/15.jpg);
left: 0;
top: 280px;

20%
background-image: url(..//pic/newimages/19.jpg);
left: 0;
top: 0;



里面写一个空的div就可以了，放图片就是自己放吧。本回答被提问者和网友采纳 参考技术B 百度JS插件，多的是下载就能用。追答