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

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

彈出層效果

難度初級
時長25分
學習人數
綜合評分9.60
176人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 個人覺得直接寫到頁面里好點 dom多了影響性能 遮罩層也不必那么麻煩設寬高 直接 fixed 上下左右等于0就好了
    查看全部
    1 采集 收起 來源:JS實現遮罩層

    2016-11-07

  • Beijing
    查看全部
    0 采集 收起 來源:效果簡介

    2016-11-03

  • 彈出框
    查看全部
    0 采集 收起 來源:編程挑戰

    2016-10-31

  • JS創建一個遮罩層: 1、創建遮罩層: ①js實現元素的添加(即創建元素節點)方法:var oMask=document.createElement("標簽名"); ②給創建的元素一個id:oMask.id="mask"; 2、獲取頁面的高度和寬度: var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.給遮罩層加上寬高: ①給剛才創建的元素設置高度和寬度為頁面高度和寬度,別忘了加單位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到這一步刷新頁面,并沒有創建的那個元素顯示,為什么? 創建的元素目前還停留在JS里面,它并沒有向文檔插入節點,所以要做下一步插入節點 5、將遮罩層插入到頁面中 ①插入節點: document.body.appendChild(oMask);這就是在頁面的尾部追加節點 6、這時載刷新頁面就出現剛才創建的遮罩層了 在JS里創建節點 var XX=document.creatElement("div"); 節點id創建 XX.id="mask"; 給其添加css樣式 XX.style.width=100+"px"; 在頁面尾部追加節點 document.body.appendChild("XX");
    查看全部
    0 采集 收起 來源:JS實現遮罩層

    2018-03-22

  • //獲取整個頁面高度和寬度 var sHeight = document.documentElement.scrollHeight; var sWidth = document.documentElement.scrollWidth; //獲取可視區的高度和寬度 var wHeight = document.documentElement.clientHeight; var wWidth = document.documentElement.clientWidth; //獲取某元素的高度和寬度,舉例獲取Login的高度寬度 var dHeight = Login.offsetHeight; var dWidth = Login.offsetWidth;
    查看全部
    0 采集 收起 來源:實現動態效果

    2016-10-22

  • margin: auto只在未設置float或者position不為absolute不為fixed的條件下才能生效. 頁面的寬度和高度:scrollHeight、scrollWidth 可視區域的高度和寬度:clientHeight、clientWidth
    查看全部
    0 采集 收起 來源:JS實現登錄框

    2016-10-22

  • JS創建一個遮罩層: 1、創建遮罩層: ①js實現元素的添加(即創建元素節點)方法:var oMask=document.createElement("標簽名"); ②給創建的元素一個id:oMask.id="mask"; 2、獲取頁面的高度和寬度: var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.給遮罩層加上寬高: ①給剛才創建的元素設置高度和寬度為頁面高度和寬度,別忘了加單位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到這一步刷新頁面,并沒有創建的那個元素顯示,為什么? 創建的元素目前還停留在JS里面,它并沒有向文檔插入節點,所以要做下一步插入節點 5、將遮罩層插入到頁面中 ①插入節點: document.body.appendChild(oMask);這就是在頁面的尾部追加節點 6、這時載刷新頁面就出現剛才創建的遮罩層了 在JS里創建節點 var XX=document.creatElement("div"); 節點id創建 XX.id="mask"; 給其添加css樣式 XX.style.width=100+"px"; 在頁面尾部追加節點 document.body.appendChild("XX");
    查看全部
    1 采集 收起 來源:JS實現遮罩層

    2018-03-22

  • 1、透明度寫法: opacity:0.75; //設置透明度 filter:alpha(opacity=75);//專門為兼容IE使用濾鏡。 2、遮罩層絕對定位,頁面中有些塊在遮罩層上方時,這時設置z-index 3、登陸框的外層框fixed固定定位,fixed靜態定位是相對整個屏幕的。比如:position:fixed;left:30%;top:30%; 4、登錄框相對定位,關閉按鈕絕對定位
    查看全部
    0 采集 收起 來源:靜態頁面實現

    2016-10-22

  • JS創建一個遮罩層: 1、創建遮罩層: ①js實現元素的添加(即創建元素節點)方法:var oMask=document.createElement("標簽名"); ②給創建的元素一個id:oMask.id="mask"; 2、獲取頁面的高度和寬度: var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.給遮罩層加上寬高: ①給剛才創建的元素設置高度和寬度為頁面高度和寬度,別忘了加單位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到這一步刷新頁面,并沒有創建的那個元素顯示,為什么? 創建的元素目前還停留在JS里面,它并沒有向文檔插入節點,所以要做下一步插入節點 5、將遮罩層插入到頁面中 ①插入節點: document.body.appendChild(oMask);這就是在頁面的尾部追加節點 6、這時載刷新頁面就出現剛才創建的遮罩層了 在JS里創建節點 var XX=document.creatElement("div"); 節點id創建 XX.id="mask"; 給其添加css樣式 XX.style.width=100+"px"; 在頁面尾部追加節點 document.body.appendChild("XX");
    查看全部
    0 采集 收起 來源:JS實現遮罩層

    2018-03-22

  • 4.創建元素:document.createElement() 5.在頁面底部添加元素:document.body.appendChild() 6.刪除元素:document.body.removeChild() 7.不要忘記單位"px",left:width/2+"px",top:height/2+"px"。
    查看全部
    0 采集 收起 來源:編程挑戰

    2018-03-22

  • document.documenElement.scrollHeight;獲取頁面的高度。 document.documenElement.scrollWidth; 獲取頁面的寬度 document.documenElement.clientHeight; 獲取頁面可視區域的高度。
    查看全部
    0 采集 收起 來源:練習題

    2016-10-14

  • margin: auto只在未設置float或者position不為absolute不為fixed的條件下才能生效. 頁面的寬度和高度:scrollHeight、scrollWidth 可視區域的高度和寬度:clientHeight、clientWidth
    查看全部
    0 采集 收起 來源:JS實現登錄框

    2016-10-14

  • JS創建一個遮罩層: 1、創建遮罩層: ①js實現元素的添加(即創建元素節點)方法:var oMask=document.createElement("標簽名"); ②給創建的元素一個id:oMask.id="mask"; 2、獲取頁面的高度和寬度: var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.給遮罩層加上寬高: ①給剛才創建的元素設置高度和寬度為頁面高度和寬度,別忘了加單位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到這一步刷新頁面,并沒有創建的那個元素顯示,為什么? 創建的元素目前還停留在JS里面,它并沒有向文檔插入節點,所以要做下一步插入節點 5、將遮罩層插入到頁面中 ①插入節點: document.body.appendChild(oMask);這就是在頁面的尾部追加節點 6、這時載刷新頁面就出現剛才創建的遮罩層了 在JS里創建節點 var XX=document.creatElement("div"); 節點id創建 XX.id="mask"; 給其添加css樣式 XX.style.width=100+"px"; 在頁面尾部追加節點 document.body.appendChild("XX");
    查看全部
    0 采集 收起 來源:JS實現遮罩層

    2018-03-22

  • 我的天啊,有個別獲取順序錯了就一直沒出來
    查看全部
    0 采集 收起 來源:編程挑戰

    2016-10-12

舉報

0/150
提交
取消
課程須知
1.您至少具備HTML+CSS樣式基礎知識;2.您至少具備JavaScript基礎知識。
老師告訴你能學到什么?
1.學會DOM操作創建、插入和刪除結點元素。2.學會position、fixed屬性固定元素位置3.學會使用z-index改變元素的層級

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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