照着打的js文件却没效果出来？？-慕课网

照着打的js文件却没效果出来？？

来源：3-1 用JavaScript实现手风琴效果

chendidi

2016-04-13 22:53

function bind(el,eventType, callback){
    if(typeof el.addEventListener === "function"){
           el.addEventListener(el,eventType, callback,false);
        }else if(typeof el.attechEvent === "function"){
           el.attechEvent("on" + eventType,callback);
            }
    }
     
function mouseoverHandler(e){
    var target = e.target || e.srcElement;
    var outer = document.getElementById("subject");
    var list = outer.getElementsByTagName("li");
     
    for(var i=0; i<list.length; i++){
        list[i].className = "";
        }
     
       while(target.tagName != "LI" && target.tagName == "body"){
             target = targt.parentNode;
           } 
       target.className = "big";
     
    }
 
 
function initList(){
    var outer = document.getElementById("subject");
    var list = outer.getElementsByTagName("li");
    for(var i=0; i<list.length; i++){
         bind(list[i],"mouseover", mouseoverHandler);
       }
    }
     
initList();

然后HTML文件中引用就是这样子：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="index.css">
	<title>手风琴效果</title>
	<script type="text/javascript" src="index.js"></script>
</head>
<body>
	省略……
</body>
</html>

监听和缩放的效果都没有出来，为什么

写回答关注

4回答

慕函数919101

2018-10-26 12:14:08

js引用放在</body>之前

0 0
JettZed

2017-03-26 23:00:27

js引用要放在body中

0 0
慕粉1514268531

2017-03-20 16:46:02

出来了吗，我的也不行

0 0
学嗨玩嗨

2016-04-14 11:49:08

没有运行过试试 el.attechEvent拼写错误 attachEvent
target.tagName == "body" body大写试试BODY

1 0

chendi...

还是不行

2016-04-16 20:46:39

共 1 条回复 >