和源码差不多，怎么就是实现不了效果-慕课网

和源码差不多，怎么就是实现不了效果

来源：3-3 编程练习

浪涛飞

2016-06-05 10:39

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<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);
               
           }else if(ele.attachEvent){
               
               ele.attachEvent('on'+type,hander);
           }else{
               
               ele['on'+type]=hander;
           }
      	}
        // 显示登录层函数
      	function showLogin(){
      	    // 执行代码
              login_box.style.display='black';
        }
        // 隐藏登录层函数
        function hideLogin(){
          // 执行代码
              login_box.style.display='none';
        }
        //点击登录按钮显示登录层 
        // 执行代码
       / addEvent(login_btn,'click',showLogin);
        //点击关闭按钮隐藏登录层
        // 执行代码
        addEvent(close,'click',hideLogin);
      }
	</script>
</head>
<body>
	<div class="head">亲，您好！<input type="button" value="登 录" id="login"></div>
	<div id="login_box">
		<p>用户登录</p><span id="close"></span>
	</div>
</body>
</html>

写回答关注

2回答

小白亲亲

2016-06-05 14:04:00

已采纳

47 /前多了/。
38 black---->>block

1 0

浪涛飞

非常感谢！

2016-06-17 19:05:31

共 1 条回复 >
我就叫李二毛

2016-06-29 11:44:06

我还看了几遍，block写错啦。

0 0

DOM事件探秘

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

99544 学习 · 1197 问题

查看课程

相似问题

不能实现效果啊

回答 3

终于还是靠自己做的差不多了，但是发现个BUG

回答 2

不能实现btn3事件的效果啊，怎么回事，检查好几遍都没发现问题

回答 1

为什么我的IE浏览器直接出现源代码，没有显示效果？

回答 1

不知道那里出了我问题，代码没有效果

回答 1

打开慕课网App查看更多内容