-
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、透明度寫法： opacity:0.75; //設置透明度 filter:alpha(opacity=75);//專門為兼容IE使用濾鏡。 2、遮罩層絕對定位，頁面中有些塊在遮罩層上方時，這時設置z-index 3、登陸框的外層框fixed固定定位，fixed靜態定位是相對整個屏幕的。比如：position:fixed;left:30%;top:30%; 4、登錄框相對定位，關閉按鈕絕對定位查看全部
-
獲取頁面的高度和寬度： document.documentElement.scrollHeight; document.documentELement.scrollWidth; 獲取可視區域的高度和寬度： document.documentElement.clientHeight; document.documentElement.clientWidth; 獲取元素的高度和寬度： 元素選擇器 .offsetHeight; 元素選擇器 .offsetWidth;查看全部
-
頁面結構查看全部
-
1、彈出層效果 要創建一個彈出層，可以現在CSS樣式表里把這個彈出層的#id和樣式設好， 然后在JS里創建這個彈出層 2、要實現點擊登陸框以外的區域也可以關閉登陸框 可以設一個可視區大小的遮罩層oMask，opacity設為0 oMask.onclick=oClose.onclick=function(){ }查看全部
-
頁面的高度：document.documentElement.scrollHeight||document.body.scrollHeight; 可視區的高度：document.documentElement.clientHeight; 某個元素的高度：oBject.offsetHeight;查看全部
-
介紹彈出層效果查看全部
-
頁面尾部追加節點：document.body.appendchild（omask）；查看全部
-
遮罩層js代碼查看全部
-
登錄框內容loginCon的樣式查看全部
-
頁面的高度：document.documentElement.scrollHeight||document.body.scrollHeight; 可視區的高度：document.documentElement.clientHeight; 某個元素的高度：oBject.offsetHeight;查看全部
-
獲取頁面高寬度查看全部
-
創建元素節點（var oMask=document.createElement("標簽名");) 并給創建的元素一個(id：oMask.id="mask";)，而后獲取頁面的高度和寬度：var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth;給遮罩層加上寬高：oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px";最后將遮罩層插入到頁面中：document.body.appendChild(oMask)查看全部
-
頁面陰影查看全部
-
opacity 設置透明度查看全部
舉報
0/150
提交
取消