為什么都一點效果都沒有啊,我看了同學(xué)出錯的地方改,就加了一個花括號
#close{width:14px;line-height:14px;position:absolute;right:4px;top:6px;margin-top:-3px;}
?? ?</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){
?????????? if(ele.addEventListener){//dom2級事件處理程序判斷
?? ??? ??? ?ele.addEventListener(type,hander,false);
?? ??? ?}else if(ele.attachEvent){//IE事件處理程序判斷
?? ??? ??? ?ele.attachEvent('on'+type,hander);
?? ??? ?}else{//DOM0級事件處理程序判
?? ??? ??? ?ele['on'+type]=hander;
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ?}
?????????? // 執(zhí)行代碼 ?
???? ??? ?
??????? // 顯示登錄層函數(shù)
???? ??? ?function showLogin(){
????????????? login_box.style.display='block';
???? ??? ??? ?// 執(zhí)行代碼
??????? }
??????? // 隱藏登錄層函數(shù)
??????? function hideLogin(){
??????????? login_box.style.display='none';
????????? // 執(zhí)行代碼
?????? addEvent(login_btn,'click',showLogin);//login_btn這個是怎么理解?
??????? //點擊關(guān)閉按鈕隱藏登錄層
??????? // 執(zhí)行代碼
??????? 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>??????
2016-12-06
?// 封裝添加事件監(jiān)聽程序?? 前的 } 括號去掉,
function hideLogin(){
??????????? login_box.style.display='none';
}? //加上這個括號
login_btn是獲取出來的對象,等同于ID為login的元素在JS中的表現(xiàn),通過它操作DOM
2016-12-06
第一個錯誤的地方是:
? ? ? ? ? ? ? ? ? ? ? ? ? ??
第二個錯誤的地方:
? ? ? ? ? ? ? ? ? ? ? ? ? ?
你改完執(zhí)行下應(yīng)該就是可以得了,希望給你有所幫助