13顶

左上角点击弹出漂亮登陆框

稿源：互联网 2022-04-02 21:42:44 点击： 2611 撤稿纠错

点击左上角的链接，弹出一个漂亮的登陆框。

以下讨论的是和左上角点击弹出登陆框相关的左上角点击弹出漂亮登陆框教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 漂亮的点击弹出的登陆框 站长特效网</title>
<style type="text/css">
.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('/img/headbg.gif') no-repeat;
  text-decoration: none;
}
.login div.login_body
{
  border: black;
  width: 254px;
  background: url('/img/bg_zzjs20100905.gif') no-repeat left bottom;
  margin:0;
}
.login img.login_exit_zzjs
{
  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>
<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)
{//欢迎来到站 长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
  var win = window.open();
  for (var i in x) win.document.write(i+' = '+x[i]+'<br>');
}
// ----- popup_mousedown -------------------------------------------------------
function popup_mousedown(e)
{//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
  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)
{//欢迎来到站长特效网，我们的网址是www.zzj s.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
  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)
{//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量 js代码，还有许多广告代码下载。
  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;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js 就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
// ----- 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';
}
// ----- zzjs_net ------------------------------------------------------------
function zzjs_net()
{//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
  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;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码 下载。
// ----- 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;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz 站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
// ----- 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>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<a href="#" onclick="zzjs_net()">登陆</a>
<div class="login" id="popup" style="visibility: hidden; display: none;">
<div class="login_header" id="popup_drag">
<img class="login_exit_zzjs" id="popup_exit" src="/img/20070815174316_dialogClose0.gif" alt="关闭" />
</div>
<div class="login_body">
<form id="member_login" name="member_login" action="" method="post">
<table>
  <tr>
    <th>用户名：</th>
    <td><input type="text" class="inputb" /> <span class="linka"><a href="http://zzjs.net">快速注册</a></span></td>
  </tr>
  <tr>
    <th>密  码：</th>
    <td><input type="text" class="inputb" /> <span class="linka"><a href="http://zzjs.net">忘记密码</a></span></td>
  </tr>
  <tr>
    <th>验证码：</th>
    <td><input type="text" class="inputb" /> <span class="code"><img src="/img/code_zzjs20100905.gif" /></span></td>
  </tr>
  <tr>
    <th>Cookie：</th>
    <td><select name="select" id="select">
    <option value="1">保持一年</option>
    </select></td>
  </tr>
  <tr>
    <td colspan="2" class="lsubmit"><input type="submit" value="登 录" /> <input type="submit" value="重 置" /></td>
  </tr>
</table>
</form>
</div>
</div>
</div>
</body>
</html>

关于左上角点击弹出漂亮登陆框的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010092464916.shtml方便下次再访问哦。

·上一篇： js检测上传文件名是否包含中文
·下一篇： 植物大战僵尸网页版|JS版本

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

左上角点击弹出漂亮登陆框

文章分类LIST >>返回首页

最新游戏

最新新闻