为什么一点反应都没有

来源:3-3 编程练习

qq_海绵宝宝的眼泪_03803680

2016-08-29 15:19

<!doctype html>

<html>

<head>

    <meta charset="UTF-8">

<title>Document</title>

<style>

*{margin:0;padding:0;}

     .head{font-size:12px;padding:6px 0 0 10px;}

     #login_box{width:300px;height:150px;background:#eee;

     border:1px solid #ccc;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-75px;display:none;}

     #login_box p{height:20px;border-bottom:1px solid #ccc;font-size:12px;padding:6px 0 0 5px;font-weight:bold;}

     #close{width:14px;height:14px;background:url(close.png) no-repeat;position:absolute;right:4px;top:6px;}

</style>

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

           }if else(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>

</head>

<body>

<div>亲,您好!<input type="button" value="登 录" id="login"></div>

<div id="login_box">

<p>用户登录</p><span id="close">xuuuuuu</span>

</div>

</body>

</html>


写回答 关注

1回答

  • qq_海绵宝宝的眼泪_03803680
    2016-08-29 15:28:57

    已经知道哪错了

DOM事件探秘

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

99545 学习 · 1197 问题

查看课程

相似问题