<html> 
<head> 
<script language="javascript"> 
var count=2;
var counts=5;
function mleft(){
count -- ;
if(count>=4)count=3;
if(count<=1)count=1;
for(var i=1;i<=counts;i++){
var str = 's'+i;
if(i==count||i==count+1){
document.getElementById(str).style.display="block"; 
}else{
document.getElementById(str).style.display="none"; 
}
 }
 if(count==1){
  document.getElementById("but2").style.display="none"; 
  }else{
  document.getElementById("but1").style.display="block"; 
  }
}
function mright(){
count=count+1 ;
if(count>=5)count=5;
if(count<=1)count=2;
for(var i=1;i<=counts;i++){
var str = 's'+i;
if(i==count||i==count-1){
document.getElementById(str).style.display="block"; 
}else{
document.getElementById(str).style.display="none"; 
}
 }
 if(count==5){
  document.getElementById("but1").style.display="none"; 
  }else{
  document.getElementById("but2").style.display="block"; 
  }
}
</script> 
</head> 
<body > 
<TABLE align="center" width="200" height="40" border="1" cellpadding="0" cellspacing="0"> 
<TR> 
<TD id="but2" style="display:none"> 
<input type="button"  style="" name="left" value="left" onClick="javacript:mleft()"> </TD> 
<TD id="s1"> 1</a> </TD> 
<TD id="s2"> 2 </a> </TD> 
<TD id="s3" style="display:none"> 3 </a> </TD> 
<TD id="s4" style="display:none"> 4 </a> </TD> 
<TD id="s5" style="display:none"> 5 </a> </TD> 
<TD id="but1" > <input type="button"  name="right" style="" value="right" onClick="javacript:mright()"> 
</TD> 
</TR> 
</body> 
</html>
把 数字换成图片就可以了