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
相关文章
- JQuery扩展插件--提示信息
- 生成二维码的 jQuery 插件:jquery.qrcode.js
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- jQuery css()方法的用法
- jQuery mousedown和mouseup事件
- JQuery初体验(建议学习jquery)
- 扩展jQuery键盘事件的几个基本方法
- 用jQuery扩展自写的UI导航
- JQUERY获取form表单值的代码
- jQuery的实现原理的模拟代码-4重要的扩展函数extend
- jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
- 33个优秀的jQuery图片展示插件分享
- jquery聚焦文本框与扩展文本框聚焦方法
- Jquery图片滚动与幻灯片的实例代码
- jquery表格内容筛选实现思路及代码
- jQuery动画animate方法使用介绍
- jquery中的过滤操作详细解析
- 为jQuery添加Webkit的触摸的方法分享
- 文本域光标操作的jQuery扩展分享
- jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
- jquery+ajax验证不通过也提交表单问题处理
- 24款热门实用的jQuery插件推荐
- 分享2个jQuery插件--jquery.fileupload与artdialog
- jQuery内置的AJAX功能和JSON的使用实例
- 使用JQuery库提供的扩展功能实现自定义方法