你这种代码叫Slide，一般中文称为焦点图，这个很简单，懒人图库就有（不知道地址的话，百度下懒人图库）。
JS代码栏目里面 焦点图 代码中的第一个，叫SuperSlide。使用起来很方便，就是引用2个js，加一小段css，代码普通的ul li a img 就搞定了。
SuperSlide是致力于实现网站统一特效调用的函数，能解决大部分标签切换、焦点图切换等效果，还能多个slide组合创造更多的效果。
代码兼容ie内核(包括无敌的ie6)、webkit内核、ff、opera等主流浏览器。
只是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就可以了，放图片就是自己放吧。
