& lthtml & gt
& lthead & gt
& ltmeta？charset="utf-8 "？/& gt；
& lttitle & gtDiv布局
& lt劇本？type="text/javascript "？src = "/jquery/1 . 3 . 2/jquery . min . js " & gt；& lt/script & gt；
& lt風格？type="text/css " >
。科林瑟爾夫
{
位置:？絕對；
z指數:？10000;
寬度:？370px
浮動:？左；
顯示:？無；
背景色:？# fff
填充:？10px；
}
。cor背景
{
寬度:？100%;
身高:？100%;
位置:？絕對；
背景色:？#000;
top:？0;
左:？0;
濾鏡:？alpha(不透明度= 30)；
-moz-不透明度:？0.30;
-khtml-不透明度:？0.30;
不透明度:？0.30;
z指數:？9999;
顯示:？無；
}
& lt/style & gt；
& lt劇本？type = " text/JavaScript " & gt；
$(function()？{
//點擊登錄按鈕？彈出圖層並初始化彈出圖層位置
$("#btnlogin ")。點擊(函數()？{
$("#corBackground ")。動畫({？不透明度:？“秀”？},?“慢”)；
$("#corInsertHref ")。動畫({？不透明度:？“秀”？},?“慢”)；
autoSize($(" # corInsertHref "))；
});
//窗口大小縮放事件
$(窗口)。resize(函數()？{
autoSize($(" # corInsertHref "))；
});
//調整窗口大小時，調整彈出層的位置。
var？自動調整大小？=?函數(corObj)？{
var？wWidth？=?$(窗口)。width()，？什麽事？=?$(窗口)。height()；
var？ihWidth？=?corObj.outerWidth(true)，？ihHeight？=?corobj . outer height(true)；
corObj.css({？“頂”:((wHeight？-?ihHeight)？/?2)?+?“px”，？“左”:((wWidth？-?ihWidth)？/?2)?+?“px”？});
}
});
& lt/script & gt；
& lt/head & gt；
& ltbody & gt
& lt跨度？id = " btnlogin " & gt登錄
& ltdiv？id="corInsertHref "？class="corInsertHref " >
& ltp & gt
賬號
& ltp & gt
密碼
& ltp & gt
& lt輸入？type="button "？Value= "鄧？記錄"？/& gt；& lt/p & gt；
& lt/div & gt；
& ltdiv？id="corBackground "？class="corBackground " >
& lt/div & gt；
& lt/body & gt；
& lt/html & gt；大致寫下來好嗎？