刹那烟华丶
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>
楼上说的你可以试试,把#close里面的背景图片给删了,随便换种颜色之类的,你再试试
<span id="close"></span>加载有背景图片:
#close background:url(close.png)
但是无法加载成功(没有显示),所以无法点击关闭!
同问,代码一样为什么不能隐藏呢
能正常隐藏,你的代码没有问题
DOM事件探秘
99528 学习 · 1305 问题
相似问题