<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>
把 数字换成图片就可以了
<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>
把 数字换成图片就可以了
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货