点登录弹出登录面板div

点登录弹出登录面板div µÇÂ? <;!DOCTYPE html PUBLIC ";-//W3C//DTD XHTML 1.0 Transitional//EN"; ";;;>; <;html xmlns=";;;>; <;head>; <;style>; .out_login { position:relative; background:#bbb; margin:10px auto; width:220px } .in_login { background:#fff; border:1px solid #555; padding:10px 5px; position:relative; top:-4px; left:-4px; width:220px } .ui-text2 { font-size:14px; border-style: solid; border-color: rgb(204, 204, 204) ; border-width: 1px; background: rgb(255, 255, 255) none repeat; width:100px; height:18px; } <;/style>; <;/head>; <;body>; <;div id=";d_loginshow"; style=";position:absolute;display:none;z-index:3;left:0px;top:0px;width:230px;"; valign=";center";>; <;div class=";out_login"; >; <;div class=";in_login"; >; <;p>;<;/p>; <;form method=";post"; action=";"; name=";login_form"; onsubmit=";return submitLogin();";>; <;table>; <;tr>; <;td>;ÓÃ??Ãû?º<;/td>; <;td class=";pop-col2"; align=";left";>; <;input id=";user_name"; name=";user_name"; class=";ui-text2"; type=";text"; tabindex=";1"; />; &;nbsp;&;nbsp;&;nbsp;<;/td>; <;/tr>; <;tr>; <;td>;ÃÜ??Âë?º<;/td>; <;td align=";left";>;<;input class=";ui-text2"; name=";password"; id=";password"; type=";password"; tabindex=";2"; />;<;/td>; <;/tr>; <;tr>; <;/tr>; <;tr>; <;td height=";28";>;<;/td>; <;td style=";padding:2px 10px 0px 2px;"; align=";left";>; <;span>;<;input type=";submit"; value=";µÇ Â?"; />;<;/span>;&;nbsp;&;nbsp;&;nbsp; <;span>;<;input type=";button"; value=";È? Ïû"; onclick=";hideLogin();";/>;<;/span>;<;/td>; <;/tr>; <;/table>; <;input type=";hidden"; name=";page"; value=";LoginPage"; />; <;input type=";hidden"; name=";old_url"; value=";"; />; <;/form>; <;/div>; <;/div>; <;/div>; ---------------------------------<;a align=";center"; href=";#"; onclick=";showlogin(this);";>;µÇÂ?<;/a>; <;/body>; <;/htmL>; <;script language=";javascript";>; String.prototype.trim = function(){ return this.replace(/(^\s*)|(\s*$)/g, ''); } /* ÊÕ?Ø???ÖminiµÇÂ??òµÄÎ?Öà */ function hint_PosX(obj) { var curleft = 0; if(obj.offsetParent) while(1) { curleft += obj.offsetLeft; if(!obj.offsetParent) break; obj = obj.offsetParent; } else if(obj.x) curleft += obj.x; return curleft; } function hint_PosY(obj) { var curtop = 0; if(obj.offsetParent) while(1) { curtop += obj.offsetTop; if(!obj.offsetParent) break; obj = obj.offsetParent; } else if(obj.y) curtop += obj.y; return curtop; } function showlogin(obj){ var lay2=document.getElementById(";d_loginshow";); lay2.style.top=hint_PosY(obj)+obj.offsetHeight+";px";; lay2.style.display='block'; lay2.style.left=hint_PosX(obj)-(lay2.offsetWidth/2) +";px";; document.login_form.user_name.focus(); } function hideLogin(){ var lay2=document.getElementById(";d_loginshow";); if(lay2.style.display=";block";){ lay2.style.display=";none";; } } function submitLogin(){ var userName = document.getElementById(";user_name";); if (userName.value.trim()==";";) { alert(";ÓÃ??Ãû??ÄÜΪ?Õ??";); userName.focus(); return false; } var pwd = document.getElementById(";password";); if (pwd.value.trim().length <; 6) { alert(";ÃÜÂë???È?ØÐë>;=6??";); pwd.select(); return false; } document.login_form.page.value=";LoginPage";; return true; } function submitLogout(){ document.login_form.page.value=";LogoutPage";; document.login_form.submit(); } <;/script>; Ê??à?ºÉÙ /* ?ñÈ?µ?Ç?Êó?êÎ?ÖõÄY×ø?ê */ function mouseY(evt) { var _docHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; if (evt.pageY) { //firefox /* if(evt.pageY-_docHeight<;255){ return evt.pageY - 140; }else{ return evt.pageY; }*/ return evt.pageY; }else if (evt.clientY){ //ie var _ieY = evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); //if(evt.clientY-_docHeight>;-30){ //return _ieY - 140; //}else{ return _ieY; //} }else return null; } //?ñÈ?µ?Ç?Êó?êÎ?ÖõÄX×ø?ê function mouseX(evt) { if (evt.pageX) //firefox return evt.pageX; else if (evt.clientX) return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); else return null; } /* ÊÕ?Ø???ÖminiµÇÂ??òµÄÎ?Öà */ //µÃµ??Ø?þÕæʵµÄºá×ø?êÎ?Öà function findPosX(obj) { var curleft = 0; if(obj.offsetParent) while(1) { curleft += obj.offsetLeft; if(!obj.offsetParent) break; obj = obj.offsetParent; } else if(obj.x) curleft += obj.x; return curleft; } //µÃµ??Ø?þÕæʵµÄ×Ý×ø?êÎ?Öà function findPosY(obj) { var curtop = 0; if(obj.offsetParent) while(1) { curtop += obj.offsetTop; if(!obj.offsetParent) break; obj = obj.offsetParent; } else if(obj.y) curtop += obj.y; return curtop; } /* var scTop = parseInt(getScrollTop(),10); var scLeft = parseInt(theBody.scrollLeft,10); * Gets the real scroll top */ function getScrollTop() { if (self.pageYOffset) // all except Explorer { return self.pageYOffset; } else if (document.documentElement &;&; document.documentElement.scrollTop) // Explorer 6 Strict { return document.documentElement.scrollTop; } else if (document.body) // all other Explorers { return document.body.scrollTop; } } function getScrollLeft() { if (self.pageXOffset) // all except Explorer { return self.pageXOffset; } else if (document.documentElement &;&; document.documentElement.scrollLeft) // Explorer 6 Strict { return document.documentElement.scrollLeft; } else if (document.body) // all other Explorers { return document.body.scrollLeft; } }