<html>
<head>
<script language="javascript">
var $=function(t){return document.getElementById(t);}
function showNow22_right_center(i){
for(var j=1;j<=5;j++){
$('Now22_right_center'+j).style.display='none';
}
$('Now22_right_center'+i).style.display='block';
}
function autoTab(){
for(var j=1;j<=5;j++){
if($('Now22_right_center'+j).style.display=="block"){
$('Now22_right_center'+j).style.display='none';
if(j==5){ //如果已经是最后一个那么切换到第一个
$('Now22_right_center1').style.display='block';
}else{
$('Now22_right_center'+(j+1)).style.display='block';
break;
}
}
}
}
setInterval(autoTab,2000); //自动切换时间(毫秒)
</script>
</head>
<body>
<div id="Now22_right">
<div id="Now22_right_center">
<div id="Now22_right_center1" style="display:block">111111111</div>
<div id="Now22_right_center2" style="display:none">222222222222</div>
<div id="Now22_right_center3" style="display:none">33333333333</div>
<div id="Now22_right_center4" style="display:none">44444444444444</div>
<div id="Now22_right_center5" style="display:none">55555555555555555</div>
</div>
<div id="Now22_right_head">
<input type=button value="1" onClick="showNow22_right_center(1)">
<input type=button value="2" onClick="showNow22_right_center(2)">
<input type=button value="3" onClick="showNow22_right_center(3)">
<input type=button value="4" onClick="showNow22_right_center(4)">
<input type=button value="5" onClick="showNow22_right_center(5)"> -
</div>
</div>
</body>
</html>把里面的内容换成 图片<img scr="" width="" height="">就可以 这是我以前写的代码 ，标签ID有点 长 不过没关系 你可以照套