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

div模拟的。你查看源文件，或者用FIREBUG之类的看，一目了然。

是用层来模拟的，如果是用Extjs来做的话，就是弹出一个模态的window窗口，其实质也是用javascript的层来做的

一个模态的窗口可以实现的，使用jquery。ui应该不难

嗯。写好方法直接调用就是了。是一个DIV,一般里面是套个ifrom。

<!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>

网上搜js 弹出窗口，或jquey弹出窗口应该很多

调试易

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

解决方案 »