<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无刷新弹出登录窗口</title>
<style type="text/css">
div.sample_popup { z-index: +1; }
div.menu_form_header{
cursor:move
}
div.sample_popup div.menu_form_header
{
border: 1px solid black;
border-bottom: 0px;
cursor: default;
width: 200px;
height: 20px;
line-height: 19px;
vertical-align: middle;
background: url('http://codefans.net/jscss/demoimg/200904/20title.png') no-repeat;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
font-size: 13px;
color: #206040;
}
div.sample_popup div.menu_form_body
{
border: 1px solid black;
width: 200px;
background: url('http://codefans.net/jscss/demoimg/200904/logbg.png') no-repeat left bottom;
}
div.sample_popup img.menu_form_exit
{
float: right;
margin: 4px 5px 0px 0px;
cursor: pointer;
}
div.sample_popup table
{
border-collapse: collapse;
width: 100%;
}
div.sample_popup th
{
width: 1%;
padding: 0px 5px 1px 0px;
text-align: left;
font-family: "Times New Roman", Serif;
font-weight: 900;
font-size: 13px;
color: #004060;
}
div.sample_popup td
{
width: 99%;
padding: 0px 0px 1px 0px;
}
div.sample_popup form
{
margin: 0px;
padding: 8px 10px 10px 10px;
}
div.sample_popup input.field
{
border: 1px solid #808080;
width: 95%;
font-family: Arial, Sans-Serif;
font-size: 12px;
}
div.sample_popup input.btn
{
margin-top: 2px;
border: 1px solid #808080;
background-color: #DDFFDD;
font-family: Verdana, Sans-Serif;
font-size: 11px;
}
a {
color: #FF0000;
text-decoration: none;
}
</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)
{
var win = window.open();
for (var i in x) win.document.write(i+' = '+x[i]+'<br>');
}
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;");
}
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;
}
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;
}
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';
}
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;
}
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;
}
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>
<input type="button" onclick="popup_show()" value='登录'/>
<div class="sample_popup" id="popup" style="visibility: hidden; display: none;">
<div class="menu_form_header" id="popup_drag">
<img class="menu_form_exit" id="popup_exit" src="http://codefans.net/jscss/demoimg/200904/closes.png" />
您好,请登录:
</div>
<div class="menu_form_body">
<form method="post" action="">
<table>
<tr>
<th>Username:</th>
<td><input class="field" type="text" onfocus="select();" /></td>
</tr>
<tr>
<th>Password:</th>
<td><input class="field" type="password" onfocus="select();" /></td>
</tr>
<tr>
<th> </th>
<td><input class="btn" type="submit" value="Submit" /></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
分享到:
相关推荐
两个浮动窗口的例子,无刷新浮动窗口,ajax弹出框例子,一个是简洁版,一个是高级版,高级版窗口中显示一个表单,简洁版只是一些说明文字,两种弹出窗口都支持关闭功能,不过不支持拖动功能,两款窗口都调用了jquery...
单击“运行”按钮后,程序会弹出一个浏览器窗口,按顺序加载列表中的所有网址并逐个单击指定ID 的网页元素,浏览器窗口可以查看加载进度,加载完成后会自动退出浏览器窗口,运行前可以设置刷新频率,间隔建议大于...
其中窗口按钮可显示教师机主界面,教师机主界面出现后,此工具条将不会弹出;设置按钮指系统设置;复位按钮可以结束当前教师机任何操作使其复位;锁定按钮可锁定此工具条。 您可以利用此工具条方便的执行功能,例如...
通讯录界面是用EXT默认皮肤风格完成,清新自然,无刷新添加、删除通讯录数据,每列可拖动宽度,并且可以更换显示位置,程序附有数据库脚本文件,比较适合学习在PHP中使用EXT技术。 调试时需先配置数据库连接信息...
通讯录界面是用EXT默认皮肤风格完成,清新自然,无刷新添加、删除通讯录数据,每列可拖动宽度,并且可以更换显示位置,程序附有数据库脚本文件,比较适合学习在PHP中使用EXT技术。 调试时需先配置数据库连接信息...
有一种情况会取消这个刷新,就是使用弹出菜单,或进行设置等功能的时候,会暂时取消这个刷新, 等功能执行完毕,会恢复最前窗口状态的刷新。有一种情况不会恢复,就是点了右键菜单,但是没有选择任何功能,此时程序...
实例008 关闭弹出窗口时刷新父窗口 12 实例009 关闭IE主窗口时,不弹出询问对话框 13 1.2 弹出网页对话框 14 实例010 弹出网页模式对话框 14 实例011 弹出全屏显示的网页模式对话框 16 实例012 网页拾色器 18 实例...
关闭选项卡 上右新选项卡 过滤弹出窗口 IE猫可以帮你过滤网页弹出窗口 内容过滤 页面内容过滤语法为:[AAA|BBB],意为把AAA替换为BBB 一键修复 :恢复IE为默认浏览器 系统默认浏览器可能被更改,在此可恢复...
每个窗口也可分别设置是否使用自动过滤弹出窗口功能而不影响其他窗口。 过滤重复窗口:在编辑窗口过滤器中选择过滤重复窗口,MyIE会自动重用已打开的相同URL的窗口,避免资源浪费。 下载控制:你可以为每个...
有一种情况会取消这个刷新,就是使用弹出菜单,或进行设置等功能的时候,会暂时取消这个刷新, 等功能执行完毕,会恢复最前窗口状态的刷新。有一种情况不会恢复,就是点了右键菜单,但是没有选择任何功能,此时程序...
1、编译本案例后,首次运行exe,会出现如下提示,点击OK。exe所在目录下自动创建了一个文件user.ini,...3、F1切换城市,F5刷新天气数据,ESC关闭,都有弹出窗口,按提示操作即可。 4、定时更新时间显示、天气数据。
鼠标拖动两个图像,使同一行或者列中出现3个 或以上的相同图像,这时相同的图像会自动消除。 本游戏窗口上方的生命值为0时结束。 消掉图像可以增加生命值。 如果本局找不出可消的图像时,可以点击右上角菜单中 的...
实例187 如何弹出和关闭光驱 实例188 如何检测网络连接 实例189 如何创建拨号网络 第六部分 数据库应用 实例190 如何创建不写代码的数据库程序 实例191 如何添加TDBNavigator组件的按钮功能 实例192 如何对...
【注意:主界面按F11可弹出使用帮助窗口!】 -------------使用说明V0.0.0.4------------ 快捷键: ESC 退出本程序 F1 最大化/还原主界面 鼠标: 左击空白处 界面刷新 左击节点 第一次变红;第二次连接两个节点 右击...
亿众浏览器是一款基于IE内核的会智能拦截骚扰广告的浏览器,可运行于Windows ...智能广告拦截、浏览器提供智能云拦截库,能够过滤各类弹出式广告;如果有广告被拦截,浏览器右下角状态栏显示拦截状态。 亿众浏览器截图
18、修复一处隐秘BUG:当使用Ctrl+回车提交表单并弹出对话框时导致弹出新窗口 (因为此时焦点在对话框关闭链接上,这个快捷键让很多浏览器新建窗口) 19、重新绘制'earo'皮肤,修复毛边的问题 20、修复拖动的时候...
有很多功能都没有提供,比如说直接获取到dialog的位置,直接修改dialog的位置都是不行的,并且但可拖动的位置看不见的时候,这个时候就是坑了,关闭不了,也拖动不了,这个时候只能刷新页面来重新初始化界面了。...
②在弹出的编辑窗口里选择需要编辑的歌词段落; ③在下方的歌词编辑框里编辑歌词; 说明: 歌词编辑框里的每个“-”(键盘上0 右边的键)符号代表主旋律的一个音符,放在该符号前 的文字被认为是该音符的歌词。...
简单实用jQuery用于登录弹出层例子代码(带动画的弹出层) 12.综合jquery实现表格隔行换色和鼠标经过提示效果源码 7)日历插件 1.jQuery简洁漂亮点阵数字时钟显示日期的插件 2.一款简单jQuery日历选择器代码 3...
单击并拖动移动翻译弹出窗口-单击按住宽度的调整大小键以调整弹出窗口的大小(Ctrl)-单击按住宽度的冻结键以冻结并选择弹出窗口中的文本(Shift)-实验Google TTS语音在支持的语言宽度上按TTS键(V)-双击以删除弹...