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

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

极客教程

2015-12-08 02:01

老师的代码有误

写回答 关注

3回答

  • 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后来可以了

    极客教程

    非常感谢!

    2016-08-21 10:59:00

    共 1 条回复 >

  • 极客教程
    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();

    }


    写代码像风一...

    亲测楼上是对的

    2021-03-01 22:57:34

    共 1 条回复 >

手风琴效果

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

40824 学习 · 111 问题

查看课程

相似问题