仿QQ空间-DIV模拟窗口

QQ空间的DIV窗口样子倒是不错，可惜搞源码不容易，只好拿jBox代码修改下。
效果图如下：（怎么样？有几分神似吧）



那怎么调用呢。
有一种是iframe调用，就是把另一个页面嵌入到div窗口中来。
 

 jBox.open( ' iframe-jBoxID ' , ' iframe ' , ' Login.aspx ' , ' 用户登录 ' , ' width=400,height=250,center=true,draggable=true,model=true ' );

 

还有一种是 先在页面写一些将要显示到div窗口里面的代码，如：

 

< div id = " login-table "  style = " display:none; " > test </ div >

接下来就可以很容易调用了，怎么样，简单吧。

 

$( ' #login-table ' ).openjBox( ' width=400,height=250,center=true,draggable=true,model=true ' , ' 用户登录 ' );

代码下载地址： /Files/jhxk/js/jBox.rar
了解更多jBox使用请访问： http://www.aspstat.com/73

出处: http://www.cnblogs.com/fishbin/archive/2009/11/08/1598481.html

 

最近做需要用到弹出窗口，发现JBox不错，可以支持iframe,但是发现个问题，在iframe中添加一个按钮点击此按钮，此按钮调用close方法关闭，弹出窗口，没有办法关闭，因为close方法需要以个参数，参数应该是那个iframe但是将其传入并不生效，不知道为什么在网上查找也没有找到解决方案。。
最后只好自己改其源码，在其close方法第一句中增加以下代码：

if(box==undefined){   

    box=jBox.boxes[0];   

}   

以上下载包中没有做相关修改,请自行修改。

转载于:https://www.cnblogs.com/jhxk/articles/1943268.html