main.onmouseover=function()和slideImg();报错是为什么

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

//封装一个代替getElementById()的方法
function byId(id){
    return typeof(id)==="string"?document.getElementById(id):id;
}
 
var index=0,
    timer=null,
    pics=byId("banner").getElementsByTagName("div"),
    len=pics.length;
 
function slideImg(){
    var main=byId("main");
    //滑过清除定时器，离开继续
    main.onmouseover=function(){
        //滑过清除定时器
    }
     
    main.onmouseout=function(){
        timer=setInterval(function(){
            index++;
            if (index>=len) {
                index=0;
            }
            //切换图片
            changeImg();
        },3000);
    }
}
 
//切换图片
function changeImg(){
    pics[index].style.display="block";
}
slideImg();

英姿飒爽豆腐块 2017-09-08

源自：项目：JS实现轮播特效 3-4 图片自动轮播

17

收起

2回答

卡布琦诺 2017-09-08 15:45:17

建议亲将代码贴全了（譬如css、js、html）以便于大家更好的网发现问题并帮你解答，祝学习愉快！

提问者英姿飒爽豆腐块 2017-09-08 13:31:22

第14行，34行报错

我叫李旦雅 #1

你知道原因了吗我也是这样和视频中一摸一样的代码但是报错

2017-09-09 16:53:00
提问者英姿飒爽豆腐块回复我叫李旦雅 #2

知道了，因为html代码里面div.main没有写id=“main”只写了class

2017-09-10 08:33:15

相似问题

3-4中的js定时任务为什么会越来越快？

课程3-3和视频敲得一样代码，结果报错

3-4图片动不起来怎么回事

为什么有错误

slideImg函数

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号