刚学时间不长呢,想写个轮播图的代码,结果改了半天一直不行 不知道是哪出问题了,有没有人告诉下.
<ul class="imgs" id="imgs" >
<li ><a href="#"><img name="i" src="img/天猫/1.jpg" alt="" width="100%"/></a></li>
<li ><a href="#"><img name="i" src="img/天猫/2.jpg" alt=""/></a></li>
<li><a href="#"><img name="i" src="img/天猫/3.jpg" alt=""/></a></li>
<li><a href="#"><img name="i" src="img/天猫/4.jpg" alt=""/></a></li>
<li><a href="#"><img name="i" src="img/天猫/5.jpg" alt=""/></a></li>
<li><a href="#"><img name="i" src="img/天猫/6.jpg" alt=""/></a></li>
<li><a href="#"><img name="i" src="img/天猫/1.jpg" alt=""/></a></li>
</ul>
<div class="block "id="block " >
<span id="lb3" onmouseover="jump()" ></span>
<span id="lb3" onmouseover="jump()"></span>
<span id="lb3" onmouseover="jump()"></span>
<span id="lb3" onmouseover="jump()"></span>
<span id="lb3" onmouseover="jump()"></span>
<span id="lb3" onmouseover="jump()"></span>
</div>
<script type="text/javascript">
var imgbox=document.getElementById("flash")
var imgs=document.getElementById("imgs")
var img =document.getElementsByName("i");//获取name属性值为i的元素
var li=document.getElementById("span")
var ul=document.getElementById("block")
var len = img.length;
var count = 0; //设置count来显示当前图片的序号
function run(){ //将定时器里的函数提取到外部
count++;
count = count==5?0:count; //当图片加载到最后一张时,使其归零
for(var i=0;i<len;i++){
img[i].style.display = 'none'; //利用for循环使除当前count位其他图片隐藏
}
img[count].style.display = 'block'; //显示当前count的值所代表的图片
}
var timer=setInterval(run,1500);//每隔3秒钟执行一次changeimage()函数
function stop(){
clearInterval(timer);
}
function start(){ //定义鼠标移出事件,当鼠标移出div区域,轮播继续
timer = setInterval(run,1000);
}
</script>