初学javascript，弱弱地问一下~

<html>
<head>
<title> New Document </title>
<style type="text/css">
li
{
position:absolute;
left:100px;
top:150px;
list-style-type:none;
margin:0;
padding:0;
display:none;
}
</style>
<script type="text/javascript">var i=0,li,t;
li=document.getElementsByTagName("li");
function play()
{
if(i<4)
 {
li[i].style.display="inline";
i+=1;
 }
else 
 {
i=0;
li[i].style.display="inline";
 }
}
t=setInterval("play()",2000);
</script>
</head>
<body>
  <div id="show">  
            <ul>  
                <li><a href="article/4" target="_blank"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRj0myyvBBMVtM4sqXBKnLNYwfEv9EfGOp1mn2vxas4Lpa4b94M" width="443" height="209" alt="图片4" /></a></li>  
                <li><a href="article/2" target="_blank"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcSdY44pur2YQQ9ek1Fm9V5V4wpGvGGtIrUcKsMIZTFOv5rVLeQQRw" width="443" height="209" alt="图片2" /></a></li>  
                <li><a href="article/1" target="_blank"><img src="http://t2.gstatic.com/images?q=tbn:ANd9GcT39IT4cdjWwixjad6scYdsiFHfyTq0yOYb9KRZ4Phbz9YwfLaY" width="443" height="209" alt="图片1" /></a></li>
                <li><a href="article/3" target="_blank"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRSZHZGBY6k62qc2796RDMyrYBEzi8aUXPizNxsZD8rssOWTdcLYA" width="443" height="209" alt="图片3" /></a></li>  
            </ul>  
  </div>  
 </body>
</html>这段代码有什么错误吗？自己写的。。javascript

解决方案 »

  1.   

    为什么这些图片只能播放一遍？else里面的li[i].style.display="inline";语句为什么没有被执行？
    ps：谢楼上哈。。确实第一次发帖~
      

  2.   

    li
    {
    position:absolute;
    left:100px;被最下那张给覆盖了，要隐藏起来上一张
    var i=0,li,t;
    li=document.getElementsByTagName("li");
    function play()
    {
    if(i<4)
     {
    if(i>0)li[i-1].style.display="none";
    li[i].style.display="inline";
    i+=1;
     }
    else 
     {
    i=0;
    li[3].style.display='none'
    li[i].style.display="inline";
     }
    }
    t=setInterval("play()",2000);