jquery實(shí)現(xiàn)百度登錄窗口

1、遮罩層窗口JavriptDocument$(function()varsb=$(“.shadebg“)遮罩層對(duì)象varfm=$(“.layer_1“)表單對(duì)象varmove=$(“.move“)vardw=$(document).width()文檔的寬度vardh=$(document).height()文檔的寬度varbw=document.documentElement.clientWidth瀏覽器顯示內(nèi)容區(qū)域?qū)挾葀arbh=doc

2、ument.documentElement.clientHeight瀏覽器顯示內(nèi)容區(qū)域高度varst滾動(dòng)條相對(duì)頂部位置varsl滾動(dòng)條相對(duì)左端位置varft表單窗口相對(duì)瀏覽器上沿距離varfl表單窗口相對(duì)瀏覽器左邊距設(shè)置表單窗口位置varfh=fm.height()表單高度varfw=fm.width()表單寬度f(wàn)t=bh2fh2設(shè)定表單窗口初始位置居中fl=bw2fw2fm.css(top:ftleft:fl)varlmx光標(biāo)位置va

3、rlmy按下鼠標(biāo)后綁定鼠標(biāo)移動(dòng)事件，再綁定鼠標(biāo)松開(kāi)事件move.bind(“mousedown“function(e)move.unbind(“mousemove“)點(diǎn)擊的時(shí)候先去掉鼠標(biāo)拖動(dòng)事件lmx=e.pageX獲取鼠標(biāo)當(dāng)前位置$(window).scroll(function()resetBg())滾動(dòng)條滾動(dòng)時(shí)改遮罩層$(window).resize(function()resetBg())瀏覽器窗口大小改變時(shí)改變遮罩層$(“#b

4、utton“).click(function()sb.css(width:bwheight:bhdisplay:“block“)fm.css(display:“block“))$(“.close“).bind(“click“function()sb.css(“display““none“)fm.css(“display““none“)))htmlbodyfminputmargin:0padding:0bodybackgroundcol:

5、#006.shadebgposition:absolutetop:0left:0backgroundcol:rgba(101000.3)display:nonezindex:2div.layer_1position:absolutetop:100pxleft:400pxwidth:400pxheight:260pxbackgroundcol:#00Cbder:solid1px#00Fdisplay:nonezindex:3div.mov

6、eheight:20pxwidth:360pxcurs:movetextalign:leftfontsize:14pxcol:#FFFfloat:leftpadding:8px005pxdiv.closecurs:pointerwidth:30pxheight:28pxcol:#FFFfontsize:25pxfloat:rightpadding:2px000textalign:centerdiv.layer_2width:400pxh