<meta charset="utf8">
<style>
img{height: 400px;width: 260px}
span{color: #000;font-size: 50px}
</style>
<center>
<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3289054516,890660547&fm=27&gp=0.jpg" alt="一">
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1685284510,1997255552&fm=27&gp=0.jpg" alt="二" hidden>
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2474734824,133017072&fm=11&gp=0.jpg" alt="三" hidden>
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3561549900,2760874444&fm=27&gp=0.jpg" alt="四" hidden>
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=207050753,1163403101&fm=27&gp=0.jpg" alt="五" hidden>
<br>
<span style="color: red">1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
</center>
<!-- <script src='jquery-1.8.3.js'></script> -->
<script src="http://code.jquery.com/jquery-1.4.1.js"></script>
<script>
$(function() {
aoto()
$('img').mouseover(function() {
clearInterval(start)
})
$('img').mouseout(function() {
aoto()
})
i=0
function aoto() {
start = setInterval(function() {
if($("img").eq(i).is(':visible')){
$("img").eq(i).hide()
$("span").eq(i).css('color','#000')
i++
i>4?$("img").eq(0).show():$("img").eq(i).show()
i = i>4?0:i
$("span").eq(i).css('color','red')
}
},2000)
}
})
</script>
<style>
img{height: 400px;width: 260px}
span{color: #000;font-size: 50px}
</style>
<center>
<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3289054516,890660547&fm=27&gp=0.jpg" alt="一">
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1685284510,1997255552&fm=27&gp=0.jpg" alt="二" hidden>
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2474734824,133017072&fm=11&gp=0.jpg" alt="三" hidden>
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3561549900,2760874444&fm=27&gp=0.jpg" alt="四" hidden>
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=207050753,1163403101&fm=27&gp=0.jpg" alt="五" hidden>
<br>
<span style="color: red">1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
</center>
<!-- <script src='jquery-1.8.3.js'></script> -->
<script src="http://code.jquery.com/jquery-1.4.1.js"></script>
<script>
$(function() {
aoto()
$('img').mouseover(function() {
clearInterval(start)
})
$('img').mouseout(function() {
aoto()
})
i=0
function aoto() {
start = setInterval(function() {
if($("img").eq(i).is(':visible')){
$("img").eq(i).hide()
$("span").eq(i).css('color','#000')
i++
i>4?$("img").eq(0).show():$("img").eq(i).show()
i = i>4?0:i
$("span").eq(i).css('color','red')
}
},2000)
}
})
</script>