请问注释那里我写的代码哪里错了，为什么显示不出来？？求指教

源自：3-3 编程练习

<!doctype html>

<html>

<head>

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

window.onload=function(){

var login_btn=document.getElementById('login'),

login_box=document.getElementById('login_box'),

close=document.getElementById('close');

// 封装添加事件监听程序

function addEvent(ele,type,hander){

// 执行代码

ele.addEventListener(type,hander,flase);

}

// 显示登录层函数

function showLogin(){

// 执行代码

display:list-item；

}

// 隐藏登录层函数

function hideLogin(){

// 执行代码

display:none;

}

//点击登录按钮显示登录层

login_btn.addEvent("click",showLogin,false);

// 执行代码

//点击关闭按钮隐藏登录层

close.addEvent("click",hideLogin,false);

// 执行代码

</script>

</head>

<body>

</div>

</body>

</html>

提问者：芥子1204 2016-03-20 11:40