轮播图显示不了图片

Question

body{
font:12px"微软雅黑";
}
body,div,ul,li{
margin:0;
padding:0;
}
img{
width:600px;
height:300px;
position:absolute;
left:100px;
}
div{
width:800px;
height:500px;
margin:0auto;
position:relative;
}
ul{
position:absolute;
right:400px;
top:250px;
z-index:5px;
overflow:hidden;
}
li{
width:50px;
height:50px;
display:inline;
cursor:pointer;
background:#0003FF;
border-radius:50%;
color:white;
opacity:0.7;
margin-left:20px;
}
1
2
3
<
scripttype="text/javascript">
varimgs=document.getElementsByTagName("img")[0];
varimgSrc=newArray("http://1.yuhuo.sinaapp.com/3.jpg","http://1.yuhuo.sinaapp.com/2.jpg","http://1.yuhuo.sinaapp.com/1.jpg");
varlis=document.getElementsByTagName("li");
for(vari=0;ilis[0].onclick=function(){
imgs.setAttribute("src",imgSrc[i]);
}
}
为什么这样写不行呢，点击显示不了图片？

Answer 1

其实你这个问题，是一个典型的闭包问题，源码中for(vari=0;i