透過遮罩層實現浮層DIV登入的js程式碼_javascript技巧

這個就沒什麼好說的了。 。直接上代碼啊！ ！

首先是HTML的程式碼。其中包含了登入點擊按鈕以及一個簡陋的登入框。

複製代碼 代碼如下:

登入

什麼都沒有用。 。 。


什麼都沒有用。 。 。


什麼都沒有用。 。 。


什麼都沒有用。 。 。

tr>

使用者登入

使用者名稱：
密碼：
驗證碼：

接著是JS腳本程式碼的實作

複製程式碼 程式碼如下：

這裡只有顯示遮罩層以及登入框的程式碼。至於隱藏的程式碼也很簡單，就是將遮罩層(shade)的DIV區塊以及登入框(login)的DIV區塊的display屬性都設定成none應該就沒有什麼問題了。 。

至此，一個簡單的透過遮罩層實現浮層DIV登入的功能就實現了。關於美工方面的工作就由大家自行解決了。


在這裡，有一個功能求助大家啊。 。就是如何讓彈出的登入框的DIV區塊跟隨滾動條移動呢？ ？

我的實驗程式碼如下。

複製程式碼 程式碼如下:

function loginDivC (>

function loginDivC (){ - loginDivHeight / 2) "px";
loginDiv.style.left = (document.body.scrollLeft document.body.com 🎜>- loginDivWidth / 2) "px";
}

function scall (){
loginDivCenter();
}

window. 🎜>window.onresize=scall;
window.onload=scall;

但是很不幸的是本人失敗了。 。網路上找了很多，但都不是符合要求的。大多是設定一個setInterval來實作。本人覺得這樣做並不理想。 。 。

求各路大神指教啊！