请问js循环图片位置问题

Question

<ul id="topul">
        <div class='leftdiv' onclick="left()"><b></b></div>
        <li> <a href="#" id='a0'> <img src="./images/wangfeng.png" >  <span>王丰</span>  </a></li>
        <li> <a href="#" id='a1'> <img src="./images/maliang.png" >   <span>马亮</span>  </a></li>
        <li> <a href="#" id='a2'> <img src="./images/jiangzhe.png" >  <span>姜哲</span>  </a></li>
        <li> <a href="#" id='a3'> <img src="./images/wenqin.png" >    <span>文秦</span>  </a></li>
        <li> <a href="#" id='a4'> <img src="./images/tangtian.png" >  <span>唐甜</span>  </a></li>
        <li> <a href="#" id='a5'> <img src="./images/wangjie.png" >   <span>汪杰</span>  </a></li>
        <li> <a href="#" id='a6'> <img src="./images/xiaoyingzi.png"> <span>肖英姿</span></a></li>
        <li> <a href="#" id='a7'> <img src="./images/wuzhongyuan.png"><span>吴忠远</span></a></li>
        <li> <a href="#" id='a8'> <img src="./images/hailongshih.png"><span>史海龙</span></a></li>
        <li> <a href="#" id='a9'> <img src="./images/licong.png" >    <span>李聪</span>  </a></li>
        <div class='rightdiv' onclick="right()"><b></b></div>
    </ul> 
function left()
{
var pos=0;
pos++;
var num0=(1000+pos)%10;
var num1=(1001+pos)%10;
var num2=(1002+pos)%10;
var num3=(1003+pos)%10;
var num4=(1004+pos)%10;
var num5=(1005+pos)%10;
var num6=(1006+pos)%10;
var num7=(1007+pos)%10;
var num8=(1008+pos)%10;
var num9=(1009+pos)%10;
for(var i=0;i<10;i++)
{
if(i==0)
document.getElementById('a'+i).innerHTML=document.getElementById('a'+num0).innerHTML;
else if(i==1)
document.getElementById('a'+i).innerHTML=document.getElementById('a'+num1).innerHTML;
else if(i==2)
document.getElementById('a'+i).innerHTML=document.getElementById('a'+num2).innerHTML;
else if(i==3)
document.getElementById('a'+i).innerHTML=document.getElementById('a'+num3).innerHTML;
else if(i==4)
document.getElementById('a'+i).innerHTML=document.getElementById('a'+num4).innerHTML;
else if(i==5)
document.getElementById('a'+i).innerHTML=document.getElementById('a'+num5).innerHTML;
else if(i==6)
document.getElementById('a'+i).innerHTML=document.getElementById('a'+num6).innerHTML;
else if(i==7)
document.getElementById('a'+i).innerHTML=document.getElementById('a'+num7).innerHTML;
else if(i==8)
document.getElementById('a'+i).innerHTML=document.getElementById('a'+num8).innerHTML;
else if(i==9)
document.getElementById('a'+i).innerHTML=document.getElementById('a'+num9).innerHTML;
}
}
为什么最后的a9图片总是显示不正确，应该显示a0的图片却显示a1

Answer 1

<script>
function left() 
{ 
var pos=0; 
pos++; 
var num0=(1000+pos)%10; 
var num1=(1001+pos)%10; 
var num2=(1002+pos)%10; 
var num3=(1003+pos)%10; 
var num4=(1004+pos)%10; 
var num5=(1005+pos)%10; 
var num6=(1006+pos)%10; 
var num7=(1007+pos)%10; 
var num8=(1008+pos)%10; 
var num9=(1009+pos)%10; 
var t;
for(var i=0;i<10;i++) 
{
if(i==0) t = document.getElementById('a'+i).innerHTML;
if(i==9) document.getElementById('a'+i).innerHTML = t;
else document.getElementById('a'+i).innerHTML = document.getElementById('a'+ eval("num"+i)).innerHTML;
}} 
</script>
<ul id="topul"> 
        <div class='leftdiv' onclick="left()"> <b> xxx</b> </div> 
        <li> <a href="#" id='a0'> <img src="./images/wangfeng.png" >  <span>王丰 </span>  </a> </li> 
        <li> <a href="#" id='a1'> <img src="./images/maliang.png" >  <span>马亮 </span>  </a> </li> 
        <li> <a href="#" id='a2'> <img src="./images/jiangzhe.png" >  <span>姜哲 </span>  </a> </li> 
        <li> <a href="#" id='a3'> <img src="./images/wenqin.png" >    <span>文秦 </span>  </a> </li> 
        <li> <a href="#" id='a4'> <img src="./images/tangtian.png" >  <span>唐甜 </span>  </a> </li> 
        <li> <a href="#" id='a5'> <img src="./images/wangjie.png" >  <span>汪杰 </span>  </a> </li> 
        <li> <a href="#" id='a6'> <img src="./images/xiaoyingzi.png"> <span>肖英姿 </span> </a> </li> 
        <li> <a href="#" id='a7'> <img src="./images/wuzhongyuan.png"> <span>吴忠远 </span> </a> </li> 
        <li> <a href="#" id='a8'> <img src="./images/hailongshih.png"> <span>史海龙 </span> </a> </li> 
        <li> <a href="#" id='a9'> <img src="./images/licong.png" >    <span>李聪 </span>  </a> </li> 
        <div class='rightdiv' onclick="right()"> <b> </b> </div> 
    </ul>