这个弹出框是怎么做的呢??

职业驱魔师 2011-07-06 09:10:00
...全文
143 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
wayindex 2011-07-15
  • 打赏
  • 举报
回复
jquery popdiv
挨踢直男 2011-07-06
  • 打赏
  • 举报
回复
<!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>
body,div,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
.clear{clear:both}
</style>
</head>
<body>
<tr>
<td class="col-left">
<a href="javascript:void(0)" onclick="contact.show()">收件人</a>

</td>
<td class="col-right">
<input type="text" name="UserName" id="UserName" style="width: 100%"
disabled="disabled" value="" />
<input type="hidden" name="UserId" id="UserId" value="" />
</td>
</tr>
<script type="text/javascript" src="http://www.gldcw.com/scripts/contact.js"></script>
<link rel="Stylesheet" type="text/css" href="http://www.gldcw.com/style/contact.css" />

<div class="contact" id="contact" style="display: none;">
<h1 id="contact_tit">
<span>从联系人中添加</span>
<img src="http://www.gldcw.com/images/region/close_tip.png" />

</h1>
<div class="contact_summary">

<p class="p1">
联系人(<span id="count"></span>)</p>
<p class="p2">
收件人 (<span id="selected"></span>) </p>
<div class="clear"></div>
</div>
<div class="contact_con">

<div id="contact_left" class="hidden">
</div>

<div id="contact_right" class="hidden">
</div>
<div class="clear"></div>
</div>

<div class="contact_btn">
<input type="button" value="确定" />

<input type="button" value="取消" />
</div>
</div>

<script type="text/javascript">
var parents = [{id:25,name:'xxx',display:'none'}];
var childs = [{userid:'ssssssss',username:'xxxxxxx',regionid:25},{userid:'fffffff',username:'xxxxx',regionid:25}];
var contact = new Contact();
contact.parents = parents;
contact.childs = childs;
contact.init();

var Common = {}

Common.getScreenSize = function()
{
var theWidth,theHeight;
if (window.innerWidth)
{
theWidth = window.innerWidth
theHeight = window.innerHeight
}
else if (document.compatMode=='CSS1Compat')
{
theWidth = document.documentElement.clientWidth
theHeight = document.documentElement.clientHeight
}
else if (document.body)
{
theWidth = document.body.clientWidth
theHeight = document.body.clientHeight
}
var result = [theWidth,theHeight];
return result;
}
</script>

</body>
</html>
luoyehanfeiz 2011-07-06
  • 打赏
  • 举报
回复
嗯。写好方法直接调用就是了。 是一个DIV,一般里面是套个ifrom。
xuexiaodong2009 2011-07-06
  • 打赏
  • 举报
回复
一个模态的窗口可以实现的,使用jquery。ui应该不难
班门弄斧 2011-07-06
  • 打赏
  • 举报
回复
是用层来模拟的,如果是用Extjs来做的话,就是弹出一个模态的window窗口,其实质也是用javascript的层来做的
灬上海爽爷 2011-07-06
  • 打赏
  • 举报
回复
div模拟的。你查看源文件,或者用FIREBUG之类的看,一目了然。
lsw645645645 2011-07-06
  • 打赏
  • 举报
回复
网上搜js 弹出窗口,或jquey弹出窗口 应该很多

87,914

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧