<!DOCTYPE html><html><head>??? <meta charset="UTF-8">??? <title>輪播圖</title>??? <link href="slide.css" type="text/css" rel="stylesheet">??? <script src="slide.js"></script></head><body><div class="main" id="main">??? <div class="banner" id="banner">??????? <a href="#">??????????? <div class="slide slide1 active"></div>??????? </a>??????? <a href="#">??????????? <div class="slide slide2 "></div>??????? </a>??????? <a href="#">??????????? <div class="slide slide3 "></div>??????? </a>??????? <a href="#">??????????? <div class="slide slide4 "> </div>??????? </a>??????? <a href="#">??????? <div class="slide slide5 "></div>??????? </a>??? </div>??? <div class="dots" id="dots">??????? <span class="on"></span>??????? <span></span>??????? <span></span>??????? <span></span>??????? <span></span>??? </div>??? <div class="arrow" id="prev"></div>??? <div class="arrow" id="next"></div></div><div style="background-color: black;width: 222px;height: 222px;"></div></body></html>————————————————JS部分————————————————————————————window.onload=function() {??? var pics = document.getElementById("banner").getElementsByTagName("div");??? var dots=document.getElementById("dots").getElementsByTagName("span");??? var prev=document.getElementById("prev");??? var next=document.getElementById("next");??? var index=0;??? var timer=null;??? var len=pics.length;??? function? slideImg(){??????? var main=document.getElementById("main");??????? main.onmouseover=function(){??????????? if(timer) clearInterval(timer);??????? };??????? main.onmouseout=function(){??????????? timer=setInterval(function(){??????????????? index++;??????????????? if(index>=len){??????????????????? index=0??????????????? }??????????????? changImg();??????????? },3000)??????? };??????? main.onmouseout();??????? for(var d=0;d<len;d++){??????????? dots[d].id=d;??????????? dots[d].onclick=function(){??????????????? index=this.id;??????????????? changImg()??????????? }??????? }??? }??? prev.onclick=function(){??????? index--;??????? if(index<0){??????????? index=len-1;??????? }??????? changImg()??? };??? next.onclick=function(){??????? index++;??????? if(index>=len){??????????? index=0;??????? }??????? changImg()??? };??? function changImg(){??????? for(var i=0;i<len;i++){??????????? pics[i].style.display="none";??????????? dots[i].className=""??????? }??????? pics[index].style.display="block";??????? dots[index].className="on";??? }??? slideImg();};——————————————————————————————————————————————為什么我在剛進(jìn)入頁(yè)面的時(shí)候快速點(diǎn)擊 next prev兩個(gè)按鈕進(jìn)行圖片切換鼠標(biāo)再放到banner上? main.onmouseover=function(){??????????? if(timer) clearInterval(timer);??????? };輪播圖也不停止了還繼續(xù)播呢，應(yīng)該怎么改進(jìn)呢
jq輪播問(wèn)題
Ximoo
2018-09-04 19:58:21
