产品
  • 产品
  • 资讯
  • 资源
  • 视频
  • 学院
  • 示例
中国站
  • 产品中心
  • 解决方案
  • 行业方案
  • 视频课程
  • 关于慧都
热门产品
UI界面
DevExpress telerik BCGSoft Developer Machines
文档管理
Aspose E-iceblue GrapeCity PDFlib
图表控件
LightningChart Steema Iocomp
数据采集
TAKEBISHI Matrikon Kepware Cogent DataHub GENESIS64
思维导图
TheBrain XMind
开发工具
IntelliJ IDEA MyEclipse Zend PyCharm WebStorm CLion
报表控件
Fast Report Stimulsoft GrapeCity
加密解密
VMPsoft Eziriz Oreans
项目管理
DHTMLX NETRONIC
数据库管理
Devart PremiumSoft
条码工具
Bartender Softek Dynamsoft TEC-IT Byte Aspose.BarCode
解决方案
软件定制解决方案
软件系统定制 高端UI定制 业务系统定制
智能制造解决方案
OMES制造执行系统 APS生产排程系统 OQMS质检管理系统 OPTS生产溯源系统 OTPM设备管理系统 OKanban看板管理 DA工业数据采集系统 SRM供应商管理 PDM产品数据管理 WMS仓储管理 OMES ProLine产线MES系统
行业方案
制造行业
磁性材料行业hot 汽车零配件行业 电子行业 精密装配行业 钣金行业 机械加工行业 汽车改装行业 金属薄膜材料行业 灯具照明行业 电线电缆行业 钢结构行业
其他行业
石油行业hot 医疗行业 金融行业 建筑行业
视频课程
产品视频
UI界面类 图标 报表 网络通讯 文档管理 矢量图像处理 位图图像处理 音频视频 文件格式转码 条形码 加密解密 测试分析 地图/CAD/GIS BI/大数据 算法 工作流 UML 数据库/服务器 IDE 项目管理 思维导图 其他 移动开发 扫描识别 条形码
学院课程
VIP视频 免费视频 用户界面 图表 报表 文档管理 大数据 工作流 项目管理 测试分析 往期公开课 项目管理 其他
企业培训
定制培训班
关于慧都
慧都简介 慧都文化 联系我们 合作伙伴 典型客户
首页 > 资讯 > DIV模拟弹出窗口(支持拖动)

DIV模拟弹出窗口(支持拖动)

翻译|其它|编辑：郝浩|2008-05-12 10:13:34.000|阅读 3159 次

概述：

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

现在高版本浏览器都可以设置对弹出窗口进行拦截，所有的浏览器工具条等都对弹出窗口进行拦截，但是有时候我们确实需要弹出窗口。针对这些我们做了一个简单的效果，没有做太多的测试，只是示意一下！

<html>
<head>
<title>div弹出窗口</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
#drag{
　width:250px;
　 height:20px;
　 border:1px solid #333;
　position:absolute;
　 top:17px;
　 left:187px;
　 z-index:9999;
　 text-align:center;
　 overflow: visible;
　 visibility: hidden;
}
-->
</style>
<script type="text/javascript">
<!--
window.onload=function(){
　drag(document.getElementById('drag'),document.getElementById('lstd'));
};
function drag(o,ot){
　ot.onmousedown=function(a){
　 var d=document;if(!a)a=window.event;
　 var x=a.layerX?a.layerX:a.offsetX,y=a.layerY?a.layerY:a.offsetY;
　if(ot.setCapture)
　　 o.setCapture();
　 else if(window.captureEvents)
　　 window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);

　 d.onmousemove=function(a){
　　 if(!a)a=window.event;
　　 if(!a.pageX)a.pageX=a.clientX;
　　 if(!a.pageY)a.pageY=a.clientY;
　　 var tx=a.pageX-x,ty=a.pageY-y;
　　 o.style.left=tx;
　　 o.style.top=ty;
　 };

　 d.onmouseup=function(){
　　 if(o.releaseCapture)
　　　 o.releaseCapture();
　　else if(window.captureEvents)
　　　 window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
　　 d.onmousemove=null;
　　 d.onmouseup=null;
　};
　};
}
//-->

function showwin()
{
　//visibility: visible;
　 if(document.getElementById('drag').style.visibility!="visible")
　 {
　　document.getElementById('drag').style.visibility="visible";
　　document.getElementById('drag').style.left=((document.body.clientWidth-400)/2);
　　 document.getElementById('drag').style.top=50;
　 }

}
function closewin()
{
　//visibility: visible;
　if(document.getElementById('drag').style.visibility!="hidden")
　{
　　 document.getElementById('drag').style.visibility="hidden";
　 　document.getElementById('drag').style.left=((document.body.clientWidth-400)/2);
　　 document.getElementById('drag').style.top=100;
　}
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="768" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>
<td width="770" height="25" align="center">
<div id="drag">
<table width="250" height="110" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="25" background="top_bg.gif"><table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="98%" nowrap id="lstd" style="cursor:move; font-size:14px;"><strong><!--标题开始-->DIV窗口测试<!--标题结束--></strong></td>
<td align="right" onClick="closewin()" style="cursor:hand;" nowrap title="关闭">[X]</td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF" style=" font-size:12px;"><!--内容开始--><br>
 这里可以放窗口内容<!--内容结束--></td>
</tr>
</table></div>
</td>
</tr>

</table>

</body>
</html>
<script language="javascript">
showwin();
</script>
标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：Wind_Lam的专栏

上一篇：ASP.NET中利用存储过程实现模糊查询 下一篇：ASP.NET系统用户权限设计

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问

国产化文档处理组件Spire.Doc视频教程：Word文档添加重复水印

国产化文档处理组件Spire.Doc视频教程：为Word文档添加页眉页脚

国产化文档处理组件Spire.Doc视频教程：改变Word文档的字体

国产化文档处理组件Spire.Doc视频教程：Word文档添加或提取附件

国产化文档处理组件Spire.Doc视频教程：改变Word文档的页面布局

国产化文档处理组件Spire.Doc视频教程：Word文档的比较功能
相关文章 MORE
业务系统定制

用科技创就卓越

Create excellence with technology

智能制造解决方案
工业设计 运营管理 生产管理
石油工程解决方案
油气勘探数字化 钻井工程数字化 数据管理与分析
关于我们
慧都简介 公司动态 业务区域 典型案例
区域服务电话
重庆 / 023-68661681 华东 / 13452821722 华南 / 18166486035 华北 / 17347785263
客户支持
技术培训/ 咨询服务 服务热线：400-700-1020 邮箱：sales@evget.com 微信 在线咨询

官方公众号

官方视频号

服务电话

重庆/ 023-68661681

华东/ 13452821722

华南/ 18100878085

华北/ 17347785263

客户支持

技术支持咨询服务

服务热线：400-700-1020

邮箱：sales@evget.com

关注我们

地址 : 重庆市九龙坡区火炬大道69号6幢

慧都科技 版权所有 Copyright 2003- 2025 渝ICP备12000582号-13   渝公网安备 50010702500608号

扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP
微信
电话