那只是个模拟的弹出层 你可以参考下
http://hi.baidu.com/liangchaoyjs/blog/item/e66af9fbb4641161034f5690.html

解决方案 »

  1.   


    function openChat(){
    window.open("indexChat.jsp","","left=250   top=200   width=500   height=400");
    }
    <input type="button" value=" 打开 " onclick="openChat()"/>一定行,兄弟 够哥们儿了吧
    希望对你有帮助哦
    ^_*
      

  2.   


    呵,这么自信呀,window.open(...)方法应该不行吧?可能我说得不是很清楚吧,这样吧,你有163邮箱的话,进去一下,左边有个"+"号,是新建文件夹的,你点一下,就知道了,是那样的效果,那个强出的小窗体,还可以在当前界面上随意移动呢.应该是一楼说的方法,但我还没仔细的去研究,还要,他那个出来的窗口不能移动,我要研究下到底怎么弄.
    用ext框架强出窗口也能实现这种效果,但我没用这个框架,这种方法先不讨论了.
      

  3.   

    <!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>Dreamweaver</title>
    <script type="text/JavaScript">
    <!--
    function MM_openBrWindow(theURL,winName,features) { //v2.0
      window.open(theURL,winName,features);
    }
    //-->
    </script>
    </head>
    <body>
    <a href="#" onclick="MM_openBrWindow('http://www.baidu.com','','width=250,height=500')">http://www.baidu.com</a>
    </body>
    </html>
      

  4.   

    弹出个层不就噢了!不过最好在弹层之前先屏蔽页面,这样比较美观!
    看看下面我写过的脚本,希望对你有帮助!
    function CheckPartakers()
    {
        var sWidth,sHeight; 
        sWidth=parseInt(window.screen.availWidth);
        sHeight=parseInt(window.screen.availHeight)+100;
        var bgObj=document.createElement("div"); 
        bgObj.setAttribute('id','bgDiv'); 
        bgObj.style.position="absolute"; 
        bgObj.style.top="0"; 
        bgObj.style.background="#777"; 
        bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=10);"; 
        bgObj.style.opacity="0.6"; 
        bgObj.style.zindex="10002"
        bgObj.style.left="0"; 
        bgObj.style.width=sWidth + "px"; 
        bgObj.style.height=sHeight + "px"; 
        document.body.appendChild(bgObj); 
        var msgObj=document.createElement("div") 
        msgObj.setAttribute("id","NumLocations4"); 
        msgObj.setAttribute("align","center"); 
        msgObj.style.background="white"; 
        msgObj.style.position = "absolute"; 
        msgObj.style.left = "50%"; 
        msgObj.style.top = "50%"; 
        msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; 
        msgObj.style.marginLeft = "-300px" ; 
        msgObj.style.marginTop = -200+document.documentElement.scrollTop+"px"; 
        msgObj.style.width ="600px";  
        msgObj.style.textAlign = "left"; 
        msgObj.style.lineHeight ="25px"; 
        document.body.appendChild(msgObj);
        var strGrid0="";
        strGrid0 = '<div id=\'NumLocations\' width="600px" style="border:1px solid #D0EEE4;position:absolute;left:10px;top:10px;z-index:100;';
        strGrid0 +='filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#D0EEE4,OffX=4,OffY=4);';
        strGrid0 +=' font-family:verdana,Lucida Sans Unicode,宋体,新宋体,sans-serif;font-size:12px;">';
        strGrid0 +='<table width="600px" border="0" cellspacing="0" cellpadding="0" ';
        strGrid0 +='bgcolor="#D0EEE4"><tr>';
        strGrid0 += '<td align="left" valign="middle" width="430px" height="27" ><span style="color:#FFFFFF">';
        strGrid0 +='请您选择</span></td><td align="left" valign="middle" width="170" height="27" >';
        strGrid0+='<span><a onclick="CheckAll()" style="color:#FFFFFF;cursor:hand;">[全选]</a></span><span><a onclick="Cancle()" style="color:#FFFFFF;cursor:hand;">[取消]</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
        strGrid0 +='<span><a onclick="hiddenLayer3()" style="color:#FFFFFF;cursor:hand;">';
        strGrid0 +='[关闭]</a></span><span><a onclick="SelectPartakers()" style="color:#FFFFFF;cursor:hand;">[确定]</a></td></tr>';
        strGrid0 += '<tr><td colspan="3" width="600px" valign="top">'     
        strGrid0 +='<table width="100%" border="0" cellspacing="0" cellpadding="0" ';
        strGrid0 +='bgcolor="white">';
        strGrid0 +='<tr><td height="20" width="120px" align="left">已选择参与者:</td>';
        strGrid0 +='<td height="20" width="480px" align="left"><span id="SelectedPartakers"></span></tr>' ;   
        strGrid0 +='</table></td></tr></table>';
        strGrid0 +='<div id="Partakers" width="600px"';   
        strGrid0 +='bgcolor="white">';
        strGrid0+='<table width="600px" border="0" cellspacing="0" cellpadding="0" bgcolor="white"><tr>';
        var thisArray = AllArray.split("$");
        thisArray[thisArray.length]=thisArray[0];
        for(var k=1;k<thisArray.length;k++)
        {   
            var id=thisArray[k].split(",")[0];
            var name=thisArray[k].split(",")[1];
            strGrid0+=  '<td height="20" width="200px" align="left">'; 
            strGrid0+='<input type="checkbox" onclick="CheckPartaker(this)" name="chkarea" value="'+id+'" title="'+name+'"/>'+name+'</td>';                                        
            if (k % 3 == 0)
            {
                strGrid0 = strGrid0 + '</tr><tr>';
            }
        }
        strGrid0+="</table>"
        strGrid0+='</div>';
        strGrid0 +='</div>'
        document.getElementById('NumLocations4').innerHTML=strGrid0;
        
        if(partaker!="")
        {
            var array=partaker.split(",");
            var checkbox=document.getElementsByName("chkarea");
            for (var i =0; i<checkbox.length; i++) 
            {
                 for(var j=0;j<array.length;j++)
                 {
                    if(checkbox[i].value==array[j])
                    {
                        checkbox[i].checked=true;
                        var inText = document.createElement("lable");
                        inText.id=checkbox[i].value;
                        inText.title=checkbox[i].title;
                        inText.innerHTML=checkbox[i].title+'&nbsp;';
                        document.getElementById("SelectedPartakers").appendChild(inText);
                    }
                 }
            }
        }
    }
    function hiddenLayer3()
    {
       var bgDiv=document.getElementById("bgDiv");
       document.body.removeChild(bgDiv);
       var hah=document.getElementById("NumLocations4");
       document.body.removeChild(hah);    
    }
    function SelectPartakers()
    {
        document.getElementById("partaker").value="";
        var child=document.getElementById("SelectedPartakers").childNodes;
        for(var i=0;i<child.length;i++)
        {
            document.getElementById("partaker").value +=child[i].title+",";
            partaker+=child[i].id+",";
        }
        document.getElementById("partaker").value=document.getElementById("partaker").value.substring(0,document.getElementById("partaker").value.length-1);
        partaker=partaker.substring(0,partaker.length-1);
        hiddenLayer3();
    }
    function CheckPartaker(obj)
    {
        if(obj.checked)
        {
            var inText = document.createElement("lable");
            inText.id=obj.value;
            inText.title=obj.title;
            inText.innerHTML=obj.title+'&nbsp;';
            document.getElementById("SelectedPartakers").appendChild(inText);
        }
        else
        {
            var names= document.getElementById(obj.value);
            document.getElementById("SelectedPartakers").removeChild(names);
        } 
    }
    function CheckAll()
    {
        var child=document.getElementById("SelectedPartakers");
        document.getElementById("SelectedPartakers").innerHTML="";
        var temp=document.getElementsByName("chkarea");
        for(var i=0;i<temp.length;i++)
        {
            temp[i].checked=true;
            var inText = document.createElement("lable");
            inText.id=temp[i].value;
            inText.title=temp[i].title;
            inText.innerHTML=temp[i].title+'&nbsp;';
            child.appendChild(inText);
        }
    }
    function Cancle()
    {
        document.getElementById("SelectedPartakers").innerHTML="";
        var temp=document.getElementsByName("chkarea");
        for(var i=0;i<temp.length;i++)
        {
            temp[i].checked=false;
        }
    }
      

  5.   

    如果只用这段代码,地址栏是没了,但我在工程里使用时,即不是链接到baidu时,强出来的窗口,依然有地址栏,很怪...
    要想达到那样的效果,应该只能使用层了,其它的,有open的都不大行吧.
    好好研究下一楼与七楼的代码,再结帖吧