<span id="img1"><img src='1.jpg'></span>
<span id="img2" style="display:none"><img src='2.jpg'></span>
<span id="img3" style="display:none"><img src='3.jpg'></span>
<span id="img4" style="display:none"><img src='4.jpg'></span>
<span id="img5" style="display:none"><img src='5.jpg'></span>
<span id="img6" style="display:none"><img src='6.jpg'></span>
<script>
var sign = 1
window.setTimeOut(function(){
document,getElementById('img'+sign).style.display = ''
sign = sign <6 ? sign + 1 : 1
},1000)
</script>
这种切换有N多种实现的方法，主要还是根据图片的HTML代码，来写的。
要是引入第三库，还可以有一些切换的效果。
图片画的有点儿简陋，大致呢就是讲：
1、红框为一个容器DIV，overflow:hidden
2、容器里边有三个横向排列的图片，可以用UL>LI来做。由于容器的OVERFLOW所以2和3是看不见的。
3、下图，调整容器里边元素（如UL）的左外边距为负值，达到图二的效果。
4、之后就是要把1给放到3的后边去，为什么呢？答：为了循环滚动。
5、但是，如果1放到3后边，而UL的左外边距还是负值会出现什么情况呢？答：容器里边显示的3。所以还在把1放到3后边的同时，把UL的左外边距调零。
大致就这个思路吧，做着试试呗！
