點(diǎn)擊關(guān)閉沒有效果
我一開始以為是span標(biāo)簽不能添加click事件 換成input也不行
<!doctype html><html lang="en"><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;}
? ? #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');
? ? ? ? // 封裝添加事件監(jiān)聽程序
? ? ? ? function addEvent(ele, type, hander) {
? ? ? ? ? ? // 執(zhí)行代碼
? ? ? ? ? ? if (ele.addEventListener) {
? ? ? ? ? ? ? ? ele.addEventListener(type, hander, false);
? ? ? ? ? ? }
? ? ? ? ? ? else if (ele.attachEvent) {
? ? ? ? ? ? ? ? ele.attachEvent('on' + type, hander);
? ? ? ? ? ? }
? ? ? ? ? ? else{
? ? ? ? ? ? ? ? ele['on'+type]=hander;
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? // 顯示登錄層函數(shù)
? ? ? ? function showLogin() {
? ? ? ? ? ? // 執(zhí)行代碼
? ? ? ? ? ? login_box.style.display = 'block';
? ? ? ? }
? ? ? ? // 隱藏登錄層函數(shù)
? ? ? ? function hideLogin() {
? ? ? ? ? ? // 執(zhí)行代碼
? ? ? ? ? ? login_box.style.display ='none';
? ? ? ? }
? ? ? ?
? ? ? ? //點(diǎn)擊登錄按鈕顯示登錄層
? ? ? ? // 執(zhí)行代碼
? ? ? ? addEvent(login_btn, 'click', showLogin);
? ? ? ? hideLogin(close, 'click', hideLogin);
? ? ? ? //點(diǎn)擊關(guān)閉按鈕隱藏登錄層
? ? ? ? // 執(zhí)行代碼
? ? }
</script></head><body>
<div class="head">親，您好！<input type="button" value="登 錄" id="login"></div>
<div id="login_box">
<p>用戶登錄</p><input type="button" value="x" id="close">
</div></body></html>
2016-07-24
? hideLogin(close, 'click', hideLogin);這段代碼錯(cuò)誤 應(yīng)該改成? addEvent(close, 'click', hideLogin);
另外你的? #login_box樣式應(yīng)該開始就要把他隱藏 使用display：none
2016-07-23
代碼沒錯(cuò)，鑒定完畢
2016-07-22
addEvent(login_btn, 'click', showLogin);
? ? ? ? hideLogin(close, 'click', hideLogin);這兩個(gè)要在window加載里面調(diào)用才行，不然，頁面先執(zhí)行這里，運(yùn)行到內(nèi)存中，發(fā)現(xiàn)addEvent()函數(shù)還沒有定義，自然沒有效果，加載不上