亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

彈出層效果

難度初級
時長25分
學習人數
綜合評分9.60
176人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
學習了,有用視頻
感謝提醒事件冒泡的同學~
oBtn.onclick=function(event)
{
var event=event||window.event;
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble=true;
}
openNew(); //執行openNew函數
}
這是代碼,DOM事件探秘里面有講~可以去看看
看到有同學說不知道為什么close獲取不了,剛開始我也是。試了好久沒發現問題,也是跟著做的,后面下載源代碼比較才發現。是因為body體里面本身的id名為login和mask的沒有刪除,老師開始寫代碼為了方便我們理解,在body體寫的,后來在js里重新create以后就應該刪除body體里的,不然就重復了,相當于body本身有,另外又create了一個插入到body,也就是兩個,在js里面那個是節點就能刪除,在body體里的根本刪不了,也就是我們看到的怎么close關不掉。不知道描述對不對,我是這么理解的

最新回答 / 葡萄3
在檢查器里面可以看到節點已經添加,擁有left和top的屬性, 不過就是看不到
documentElement 屬性可返回文檔的根節點。

最新回答 / 袁小鳥
谷歌瀏覽器的兼容問題var sHeight=document.documentElement.scrollHeight || document.body.scrollHeight; 即可。

最新回答 / q_Amily
?document.body.appendChild(login); ?這里是oLogin不是login,插入的是節點,不是id

最新回答 / 慕粉1934204734
static:無特殊定位,對象遵循正常文檔流。top,right,bottom,left等屬性不會被應用。relative:對象遵循正常文檔流,但將依據top,right,bottom,left等屬性在正常文檔流中偏移位置。absolute:對象脫離正常文檔流,使用top,right,bottom,left等屬性進行絕對定位。而其層疊通過z-index屬性定義。fixed:對象脫離正常文檔流,使用top,right,bottom,left等屬性以窗口為參考點進行定位,當出現滾動條時,對象不會隨著滾動。IE...
老師 給你們錄視頻 還這么多事,聲音大不知道放小點?
視頻開頭聲音太大,太突兀 耳朵難受

最新回答 / 慕粉1308072924
在登錄框的頂部加三個事件就可以啦,mousedown mousemove mouseup.設置一個標志位
明顯有不足之處,如果在創建之后窗口大小變化,明顯彈出層的位置就不會在中間,需要綁定一個resize事件重新計算遮罩層大小和登錄框位置。最好利用函數節流的思想,避免resize在短時間內重復執行函數過多次。
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();
課程須知
1.您至少具備HTML+CSS樣式基礎知識;2.您至少具備JavaScript基礎知識。
老師告訴你能學到什么?
1.學會DOM操作創建、插入和刪除結點元素。2.學會position、fixed屬性固定元素位置3.學會使用z-index改變元素的層級

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消