求大神解答,js有點問題
就是這一節(jié)的內(nèi)容,自己稍作了下改變,但是一打開瀏覽器會報一個錯誤(谷歌瀏覽器報的錯誤是Failed to load resource: the server responded with a status of 404 (Not Found)),不能自動運行,只有鼠標出發(fā)一下,才會自動運行,可能我的代碼本身就有問題,可是自己道行太淺,不知道怎么改。下面是html結(jié)構(gòu)和
<body> ????????<div?class="notice"?id="notice"> ????????????<div?id="notice-tit"?class="notice-tit"> ????????????????<ul> ????????????????????<li?class="select"><a?href="#">公告</a></li> ????????????????????<li><a?href="#">規(guī)則</a></li> ????????????????????<li><a?href="#">論壇</a></li> ????????????????????<li><a?href="#">安全</a></li> ????????????????????<li><a?href="#">公益</a></li> ????????????????</ul> ????????????</div> ????????????<div?class="notice-con"?id="notice-con"> ????????????????<div?class="mod"> ????????????????????<ul> ????????????????????????<li><a?href="#">1111111111111</a></li> ????????????????????????<li><a?href="#">1111111111111</a></li> ????????????????????????<li><a?href="#">1111111111111</a></li> ????????????????????????<li><a?href="#">1111111111111</a></li> ????????????????????</ul> ????????????????</div> ????????????????<div?class="hidden"> ????????????????????<ul> ????????????????????????<li><a?href="#">2222222222222</a></li> ????????????????????????<li><a?href="#">2222222222222</a></li> ???? ????????????????????????<li><a?href="#">2222222222222</a></li> ????????????????????????<li><a?href="#">2222222222222</a></li> ????????????????????</ul> ????????????????</div> ????????????????<div?class="hidden"> ????????????????????<ul> ????????????????????????<li><a?href="#">3333333333333</a></li> ????????????????????????<li><a?href="#">3333333333333</a></li> ????????????????????????<li><a?href="#">3333333333333</a></li> ????????????????????????<li><a?href="#">3333333333333</a></li> ????????????????????</ul> ????????????????</div> ????????????????<div?class="hidden"> ????????????????????<ul> ????????????????????????<li><a?href="#">4444444444444</a></li> ????????????????????????<li><a?href="#">4444444444444</a></li> ????????????????????????<li><a?href="#">4444444444444</a></li> ????????????????????????<li><a?href="#">4444444444444</a></li> ????????????????????</ul> ????????????????</div> ????????????????<div?class="hidden"> ????????????????????<ul> ????????????????????????<li><a?href="#">5555555555555</a></li> ????????????????????????<li><a?href="#">5555555555555</a></li> ????????????????????????<li><a?href="#">5555555555555</a></li> ????????????????????????<li><a?href="#">5555555555555</a></li> ????????????????????</ul> ????????????????</div> ????????????</div> ????????</div> ????</body>
js代碼:
????var?index=0; ????????var?timer=null; ????????var?notice_title?=?document.getElementById("notice-tit"); ????????var?tit_li=notice_title.getElementsByTagName("li"); ????????var?notice_con=document.getElementById("notice-con"); ????????var?con_divs=notice_con.getElementsByTagName("div"); ???????//鼠標滑過,滑出事件綁定 ????function?mainchange(){ ???????????if(timer){clearInterval(timer);timer=null;}//清除定時器 ???????????for(var?i=0;i<tit_li.length;i++){ ????????????tit_li[i].id=i; ????????????tit_li[i].onmouseover=function(){ ????????????clearInterval(timer); ????????????changeClassName(this.id); ????????} ????????????tit_li[i].onmouseout=function(){ ????????????????timer=setInterval(autoplay,2000); ????????????} ????????????con_divs[i].onmouseover=function(){ ????????????????clearInterval(timer); ????????????} ????????????con_divs[i].onmouseout=function(){ ????????????????timer=setInterval(autoplay,2000); ????????????} ????????}} ??????? ????????//自動切換事件 ????????function?autoplay(){ ????????index++; ????????if(index>=tit_li.length){ ?????????????index=0; ????????} ????????changeClassName(index); ????????} ????????? ????????//切換事件 ????????function?changeClassName(MyIndex){ ????????console.log(MyIndex); ????????for(var?k=0;k<tit_li.length;k++){ ????????tit_li[k].className=""; ????????con_divs[k].className="hidden"; ????????} ????????tit_li[MyIndex].className="select"; ????????con_divs[MyIndex].className="mod"; ????????index=MyIndex;//使得當鼠標滑出后,繼續(xù)按當前index向后切換 ???????} ???? ????????//添加自動運行事件 ????????function?addEventload(func){ ????????????oldonload=window.onload; ????????????if(typeof?window.onload!='function'){ ????????????????window.onload=func; ????????????}else{ ????????????????window.onload=function(){ ????????????????????oldonload(); ????????????????????func(); ????????????????} ????????????} ????????} ????????//運行 ????????timer=setInterval(autoplay,2000); ????????addEventload(mainchange);
2016-05-20
JS不熟。