搞的太復(fù)雜了吧 直接給遮罩層設(shè)定position: fixed 然后登錄框自動(dòng)居中
2017-04-24
感謝提醒事件冒泡的同學(xué)~
oBtn.onclick=function(event)
{
var event=event||window.event;
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble=true;
}
openNew(); //執(zhí)行openNew函數(shù)
}
這是代碼,DOM事件探秘里面有講~可以去看看
oBtn.onclick=function(event)
{
var event=event||window.event;
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble=true;
}
openNew(); //執(zhí)行openNew函數(shù)
}
這是代碼,DOM事件探秘里面有講~可以去看看
2017-03-15
看到有同學(xué)說(shuō)不知道為什么close獲取不了,剛開始我也是。試了好久沒(méi)發(fā)現(xiàn)問(wèn)題,也是跟著做的,后面下載源代碼比較才發(fā)現(xiàn)。是因?yàn)閎ody體里面本身的id名為login和mask的沒(méi)有刪除,老師開始寫代碼為了方便我們理解,在body體寫的,后來(lái)在js里重新create以后就應(yīng)該刪除body體里的,不然就重復(fù)了,相當(dāng)于body本身有,另外又create了一個(gè)插入到body,也就是兩個(gè),在js里面那個(gè)是節(jié)點(diǎn)就能刪除,在body體里的根本刪不了,也就是我們看到的怎么close關(guān)不掉。不知道描述對(duì)不對(duì),我是這么理解的
2017-03-15
明顯有不足之處,如果在創(chuàng)建之后窗口大小變化,明顯彈出層的位置就不會(huì)在中間,需要綁定一個(gè)resize事件重新計(jì)算遮罩層大小和登錄框位置。最好利用函數(shù)節(jié)流的思想,避免resize在短時(shí)間內(nèi)重復(fù)執(zhí)行函數(shù)過(guò)多次。
2016-12-17
var sHeight = document.body.scrollHeight;
var wHeight = document.documentElement.clientHeight;
document.body.appendChild(oLogin);
var dHeight = oLogin.offsetHeight;
var dWidth = oLogin.offsetWidth;
oLogin.style.top = wHeight/2 - dHeight/2 + "px";
openNew();
var wHeight = document.documentElement.clientHeight;
document.body.appendChild(oLogin);
var dHeight = oLogin.offsetHeight;
var dWidth = oLogin.offsetWidth;
oLogin.style.top = wHeight/2 - dHeight/2 + "px";
openNew();
2016-12-16
#mask{
position:fixed;
top:0;
left:0;
right:0;
botton:0;
}
position:fixed;
top:0;
left:0;
right:0;
botton:0;
}
2016-12-13