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

if(box==undefined){   

    box=jBox.boxes[0];   

}   

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

posted @ 2011-01-24 16:36  唔愛吃蘋果  阅读(1046)  评论(0编辑  收藏  举报