按钮事件问题
//封装一个代替getElementById()的方法 function byId(id){ return typeof(id) === "string"?document.getElementById(id):id; } //声明成全局 var index=0, timer=null; pics = byId("banner").getElementsByTagName("div"), dots = byId("dots").getElementsByTagName("span"), len=pics.length; function slideImg(){ var main=byId("main"); //划过清楚定时器 离开继续 main.onmouseover=function(){ //划过清除定时器 if (timer)clearInterval(timer); } main.onmouseout=function(){ timer=setInterval(function(){ index++; if (index>=len) { index=0; } //切换图片 changeImg(); },2000); } main.onmouseout(); for(var i=0,len=dots.length;i<len;i++){ dots[i].id = i; dots[i].onclick = function(){ index = this.id; changeImg(); } } } function changeImg(){ //遍历banner下多有的diV 将其隐藏 for (var i = 0; i < len; i++) { pics[i].style.display="none"; } pics[index].style.display="block"; } slideImg();
请问下什么问题
25
收起
正在回答 回答被采纳积分+1
1回答
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星