zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery.boxy插件的iframe扩展代码

2023-06-13 09:14:23 时间
复制代码代码如下:

/*
<ahref="a.html"onclick="return$.qbox(this);">
<ahref="a.html"onclick="returnqBox.iFLoad(this);">
<ahref="a.html"onclick="returnqBox.iFrame({src:"b.html"})">Boxy属性不变新增w、h、src属性
qBox.Close();关闭当前窗口
qBox.iFSrc({});改变当前窗口的属性及指向Boxy属性不变新增w、h、src属性
*/

//Boxy插件的扩展
jQuery.fn.qbox=function(options){
varnode=this.get(0).nodeName.toLowerCase();
varself=this;
if(node=="a"){
$(this).attr("onclick","").unbind("click").click(function(){returnfalse;});
options=$.extend(options||{},{src:this.get(0).getAttribute("href"),beforeUnload:function(){$(self).unbind("click").click(function(){return$(this).qbox(options);});}});
}
qBox.iFLoad(options);
returnfalse;
}
varqBox=function(){};
jQuery.extend(qBox,{
aDgs:[],
iFrame:function(op){
op=jQuery.extend({title:"提示",w:320,h:200,src:"about:blank",modal:false,fixed:false,unloadOnHide:true},op),fm=parseInt(Math.random()*(1000*987));//
vardialog=newBoxy("<bid=\"ld"+fm+"\">正在加载,请稍后....</b><iframeid=\"_"+fm+"\"style=\"width:0;height:0;display:none;padding:0;\"src="+op.src+"frameborder=\"0\"scrolling=\"no\"></iframe>",op);

jQuery("#_"+fm).load(function(){
dialog.resize(op.w,op.h,function(){});
jQuery("#ld"+fm).remove();
jQuery("#_"+fm).css({"padding":"15px","display":""});
});
qBox.aDgs.push(dialog);
returnfalse;
},
Close:function(){
qBox.aDgs[qBox.aDgs.length-1].hide();
returnfalse
},
iFSrc:function(op){
op=jQuery.extend({w:320,h:200,src:"about:blank"},op);
qBox.aDgs[qBox.aDgs.length-1].getContent().attr("src","about:blank");
qBox.aDgs[qBox.aDgs.length-1].setTitle(op.t);
qBox.aDgs[qBox.aDgs.length-1].tween(op.w,op.h,function(){qBox.aDgs[qBox.aDgs.length-1].getContent().attr("src",op.src).css({width:op.w,height:op.h});});
returnfalse;
},
iFLoad:function(options){
varsr=jQuery(this).attr("href");
varop=jQuery.extend({src:sr},options);
qBox.iFrame(op);
returnfalse;
}
});


出处cn795.cnblogs.com