为什么无法实现隐藏?

来源:3-3 编程练习

刹那烟华丶

2016-05-16 20:20

<script>
      window.onload=function(){
          var login_btn=document.getElementById('login'),
              login_box=document.getElementById('login_box'),
              close=document.getElementById('close');
          // 封装添加事件监听程序
        function addEvent(ele,type,hander){
           // 执行代码
           if(ele.addEventListener){
               ele.addEventListener(type,hander,false);
           }else if(ele.attachEvent){
               ele.attachEvent("on" + type,hander);
           }else{
               ele["on" + type] = hander;
           }
          }
        // 显示登录层函数
          function showLogin(){
              // 执行代码
            login_box.style.display = "block";  
        }
        // 隐藏登录层函数
        function hideLogin(){
          // 执行代码
          login_box.style.display = "none";
        }
        //点击登录按钮显示登录层
        // 执行代码
         addEvent(login_btn,"click",showLogin);
        //点击关闭按钮隐藏登录层
        // 执行代码
        addEvent(close,"click",hideLogin);
      }
    </script>


写回答 关注

4回答

  • 一只特立独行的doge
    2016-06-01 10:43:25

    楼上说的你可以试试,把#close里面的背景图片给删了,随便换种颜色之类的,你再试试

  • 聪明的笨蛋云
    2016-05-26 21:22:29

     <span id="close"></span>加载有背景图片:

    #close   background:url(close.png) 

    但是无法加载成功(没有显示),所以无法点击关闭!

  • DIMDD
    2016-05-24 16:40:43

    同问,代码一样为什么不能隐藏呢

  • qq_安静时刻_0
    2016-05-17 10:44:31

    能正常隐藏,你的代码没有问题

DOM事件探秘

DOM事件?本课程会通过实例来给小伙伴们讲解如何使用这些事件

99545 学习 · 1197 问题

查看课程

相似问题