QQ空间的DIV窗口样子倒是不错,可惜搞源码不容易,只好拿jBox代码修改下。

效果图如下:(怎么样?有几分神似吧)仿QQ空间-DIV模拟窗口_下载地址




那怎么调用呢。

有一种是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','用户登录');


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

最后只好自己改其源码,在其close方法第一句中增加以下代码:


if(box==undefined){

box=jBox.boxes[0];

}

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