点登录弹出登录面板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;
}
}