为什么我照着写下来却没有出现效果呢?

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

weibo_E才是Eliza_J_0

2015-05-01 17:21

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();


写回答 关注

2回答

  • comlejade
    2016-01-27 19:23:40
    已采纳

    最后函数执行的时候应该放在 window.onload = function(){ initList()};

    weibo_...

    非常感谢!

    2016-03-09 17:53:42

    共 1 条回复 >

  • weibo_E才是Eliza_J_0
    2015-05-01 17:21:46
    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();


手风琴效果

本视频教程通过实例讲解,教你轻松制作手风琴效果,学起来吧

40824 学习 · 111 问题

查看课程

相似问题