百度地图js api_js仿百度用户登陆弹出层窗口代码

更新时间：2016-03-17 来源：js教程手机版 字体：大中小

【www.bbyears.com--js教程】

提示：您可以先修改部分代码再运行

js仿百度用户登陆弹出层窗口代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">
var popup_dragging = false;
var popup_target;
var popup_mouseX;
var popup_mouseY;
var popup_mouseposX;
var popup_mouseposY;
var popup_oldfunction;
function popup_display(x)
{
  var win = window.open();
  for (var i in x) win.document.write(i+" = "+x[i]+"<br>");
}
// ----- popup_mousedown --------------------------------------------------

-----
function popup_mousedown(e)
{
  var ie = navigator.appName == "Microsoft Internet Explorer";
  if ( ie && window.event.button != 1) return;
  if (!ie && e.button            != 0) return;
  popup_dragging = true;
  popup_target   = this["target"];
  popup_mouseX   = ie ? window.event.clientX : e.clientX;
  popup_mouseY   = ie ? window.event.clientY : e.clientY;
  if (ie)
       popup_oldfunction      = document.onselectstart;
  else popup_oldfunction      = document.onmousedown;
  if (ie)
       document.onselectstart = new Function("return false;");
  else document.onmousedown   = new Function("return false;");
}
// ----- popup_mousemove --------------------------------------------------

-----
function popup_mousemove(e)
{
  if (!popup_dragging) return;
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popup_target);
  var mouseX = ie ? window.event.clientX : e.clientX;
  var mouseY = ie ? window.event.clientY : e.clientY;
  element.style.left = (element.offsetLeft+mouseX-popup_mouseX)+"px";
  element.style.top  = (element.offsetTop +mouseY-popup_mouseY)+"px";
  popup_mouseX = ie ? window.event.clientX : e.clientX;
  popup_mouseY = ie ? window.event.clientY : e.clientY;
}
// ----- popup_mouseup ----------------------------------------------------

-----
function popup_mouseup(e)
{
  if (!popup_dragging) return;
  popup_dragging = false;
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popup_target);
  if (ie)
       document.onselectstart = popup_oldfunction;
  else document.onmousedown   = popup_oldfunction;
}
// ----- popup_exit -------------------------------------------------------

-----
function popup_exit(e)
{
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popup_target);
  popup_mouseup(e);
  element.style.visibility = "hidden";
  element.style.display    = "none";
}
// ----- popup_show -------------------------------------------------------

-----
function popup_show()
{
  element      = document.getElementById("popup");
  drag_element = document.getElementById("popup_drag");
  exit_element = document.getElementById("popup_exit");
  element.style.position   = "absolute";
  element.style.visibility = "visible";
  element.style.display    = "block";
    element.style.left =

(document.documentElement.scrollLeft+popup_mouseposX-10)+"px";
    element.style.top  = (document.documentElement.scrollTop

+popup_mouseposY-10)+"px";
  drag_element["target"]   = "popup";
  drag_element.onmousedown = popup_mousedown;
  exit_element.onclick     = popup_exit;
}
// ----- popup_mousepos ---------------------------------------------------

-----
function popup_mousepos(e)
{
  var ie = navigator.appName == "Microsoft Internet Explorer";
  popup_mouseposX = ie ? window.event.clientX : e.clientX;
  popup_mouseposY = ie ? window.event.clientY : e.clientY;
}
// ----- Attach Events ----------------------------------------------------

-----
if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent("onmousedown", popup_mousepos);
else document.addEventListener("mousedown", popup_mousepos, false);
if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent("onmousemove", popup_mousemove);
else document.addEventListener("mousemove", popup_mousemove, false);
if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent("onmouseup", popup_mouseup);
else document.addEventListener("mouseup", popup_mouseup, false);
</script> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>点击登陆弹出登录框</title>
<style type="text/css">
/* <style> */
.login { z-index: +1; }
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.login .inputb { width:97px; height:15px; border:1px solid #baced6; font-

size:12px; padding-top:2px; margin-right:6px; display:block; float:left;}
.login_header{
cursor:move
}
.login div.login_header
{
  border: black;
  border-bottom: 0px;
  cursor: default;
  width: 254px;
  height: 31px;
  line-height: 19px;
  vertical-align: middle;
  background: url("images/headbg.GIF") no-repeat;
  text-decoration: none;
}
.login div.login_body
{
  border: black;
  width: 254px;
  background: url("images/login_bg.gif") no-repeat left bottom;
  margin:0;
}
.login img.login_exit
{
  float: right;
  margin: 6px 8px 0px 0px;
  cursor: pointer;
}
.login table
{
  border-collapse: collapse;
  margin-bottom:5px;
}
.login table th , .login table td { padding:3px 0;}
.login table th { width:68px; text-align:right; font-weight:normal;

color:#4e6aab; }
.login .code {}
.login .code img { border:1px solid #adc6dd; margin-bottom:-5px;}
.login .lsubmit { padding-left:60px;}
.login table td .linka {  display:block; float:left; padding-top:4px; }

</style>
</head>
<body>
快速登陆
注册通行证
忘记密码?

<img  alt="js仿百度用户登陆弹出层窗口代码"  class="login_exit"   id="popup_exit" src="images/guan.gif" alt="关闭"

<form id="member_login" name="member_login" action="{$MOD[linkurl]}

<th>用户名：</th>
            <input type="text" class="inputb" /> 快速注册
        
        
        	<th>密  码：</th>
            <input type="text" class="inputb" /> 忘记密码
        
        
        	<th>验证码：</th>
            <input type="text" class="inputb" /> <img  alt="js仿百度用户登陆弹出层窗口代码"

src="images/code_img.gif" />
        
        
        	<th>Cookie：</th>
            
            	<select name="select" id="select">
              		<option value="1">保持一年</option>
           	 	</select>
            
        
        
            <input type="submit" value="登

录" /> <input type="submit" value="重 置" />
        
    
</form>

</body>
</html>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/wangyezhizuo/22484.html

链接：http://www.bbyears.com/wangyezhizuo/22484.html
百度地图js api_js仿百度用户登陆弹出层窗口代码(转载时请注明本文出处及链接)

猜你感兴趣

【phpstudy】php 经典分页支持上10页下10代码 2016-03-17
asp.net|asp 输入输出的存储过程 2016-03-17
[php日期所在月的天数]php日期所在月的天数 2016-03-17
[js弹出对话框]js超漂亮弹出层，带阴影效果 2016-03-17
asp.net_asp 存储过程入门篇 2016-03-17
phpstudy|php elseif 与else if区别 2016-03-17
json|js 给table增加下拉滚动条 2016-03-17
phpstudy_php 时间转换静态方法 2016-03-17
[seo优化]SEO优化-标题的书写规范 2016-03-17
【js页面刷新事件】js页面刷新代码 2016-03-17

本类排行

本类最新

更多>>

百度地图js api_js仿百度用户登陆弹出层窗口代码

猜你感兴趣

热门标签

本类排行

本类最新