问答详情
源自:3-1 用JavaScript实现手风琴效果

这才是真正的正确代码!!!

老师的代码有误

提问者:极客教程 2015-12-08 02:01

个回答

  • iicoom成功人士
    2016-08-20 15:32:17
    已采纳

    都不知到老师那个怎么运行的,我照他写的就是动不了,直到看到你这个:

    function bind(eventType,callback,false){

        if(typeof el.addEventListener === "function"){

               el.addEventListener(eventType, callback,false);

            }else if(typeof el.attachEvent === "function"){

               el.attachEvent("on" + eventType,callback);

                }

        }

    呵呵,bind里边我传了eventType,callback,false后来可以了

  • 极客教程
    2015-12-08 02:03:12

    个人博客:www.cllgeek.com

  • 极客教程
    2015-12-08 02:02:16

    window.onload=function(){

    function bind(el,eventType, callback){

        if(typeof el.addEventListener === "function"){

               el.addEventListener(eventType, callback,false);

            }else if(typeof el.attachEvent === "function"){

               el.attachEvent("on" + eventType,callback);

                }

        }

         

    function mouseoverHandler(e){

        var target = e.target || e.srcElement;

       

        var list = document.getElementsByTagName("li");

         

        for(var i = 0; i < list.length; i++){

            list[i].className = "";

            }

         

           while(target.tagName != "LI" && target.tagName != "BODY"){

                 target = target.parentNode;

               } 

           target.className = "big";

         

        }

     

     

    function initList(){

         

        var list = document.getElementsByTagName("li");

        for(var i=0; i < list.length; i++){

             bind(list[i],"mouseover", mouseoverHandler);

           }

        }


    initList();

    }