jquery.boxy插件的iframe扩展代码


Posted in Javascript onJuly 02, 2010
/* 
<a href="a.html" onclick="return $.qbox(this);" > 
<a href="a.html" onclick="return qBox.iFLoad(this);" > 
<a href="a.html" onclick="return qBox.iFrame({src:'b.html'})" > Boxy属性不变 新增 w、h、src 属性 
qBox.Close();关闭当前窗口 
qBox.iFSrc({}); 改变当前窗口的属性及指向 Boxy属性不变 新增 w、h、src 属性 
*/ //Boxy插件的扩展 
jQuery.fn.qbox=function(options){ 
var node = this.get(0).nodeName.toLowerCase(); 
var self=this; 
if (node == 'a') { 
$(this).attr('onclick','').unbind('click').click(function(){return false;}); 
options = $.extend(options||{},{src:this.get(0).getAttribute('href'),beforeUnload:function(){ $(self).unbind('click').click(function(){return $(this).qbox(options);});}}); 
} 
qBox.iFLoad(options); 
return false; 
} 
var qBox=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));// 
var dialog = new Boxy("<b id=\"ld"+fm+"\">正在加载,请稍后....</b><iframe id=\"_"+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); 
return false; 
}, 
Close:function(){ 
qBox.aDgs[qBox.aDgs.length-1].hide(); 
return false 
}, 
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});}); 
return false; 
}, 
iFLoad:function(options){ 
var sr= jQuery(this).attr("href"); 
var op = jQuery.extend({src:sr},options); 
qBox.iFrame(op); 
return false; 
} 
});

出处 cn795.cnblogs.com
Javascript 相关文章推荐
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
Mar 09 Javascript
IE6图片加载的一个BUG解决方法
Jul 13 Javascript
JavaScript 原型继承之构造函数继承
Aug 26 Javascript
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
May 23 Javascript
js动态为代码着色显示行号
May 29 Javascript
JSONP之我见
Mar 24 Javascript
javascript实现连续赋值
Aug 10 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
Feb 09 Javascript
常用的几个JQuery代码片段
Mar 13 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
Jul 07 Javascript
vue debug 二种方法
Sep 16 Javascript
js canvas实现五子棋小游戏
Jan 22 Javascript
JQuery AJAX提交中文乱码的解决方案
Jul 02 #Javascript
IE本地存储userdata的一个bug说明
Jul 01 #Javascript
UserData用法总结 lanyu出品
Jul 01 #Javascript
javascript 函数调用的对象和方法
Jul 01 #Javascript
this和执行上下文实现代码
Jul 01 #Javascript
jquery.validate使用攻略 第五步 正则验证
Jul 01 #Javascript
jquery validate使用攻略 第四步
Jul 01 #Javascript
You might like
PHP让网站移动访问更加友好方法
2019/02/14 PHP
PHP中md5()函数的用法讲解
2019/03/30 PHP
Mac系统下搭建Nginx+php-fpm实例讲解
2020/12/15 PHP
jQuery中与toggleClass等价的程序段 以及未来学习的方向
2010/03/18 Javascript
JS时间选择器 兼容IE6,7,8,9
2012/06/26 Javascript
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
2014/09/06 Javascript
js中style.display=&quot;&quot;无效的解决方法
2014/10/30 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
Javascript中浏览器窗口的基本操作总结
2016/08/18 Javascript
jQuery实现拖拽可编辑模块功能代码
2017/01/12 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
bootstrap datetimepicker控件位置异常的解决方法
2017/11/23 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
js制作提示框插件
2020/12/24 Javascript
深入理解Python中的元类(metaclass)
2015/02/14 Python
Python中threading模块join函数用法实例分析
2015/06/04 Python
Python实现比较两个列表(list)范围
2015/06/12 Python
Python面向对象编程之继承与多态详解
2018/01/16 Python
python抓取网页中链接的静态图片
2018/01/29 Python
python抓取文件夹的所有文件
2018/02/27 Python
TensorFlow神经网络优化策略学习
2018/03/09 Python
python和opencv实现抠图
2018/07/18 Python
Python中fnmatch模块的使用详情
2018/11/30 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
Python基于Dlib的人脸识别系统的实现
2020/02/26 Python
Python多进程multiprocessing、进程池用法实例分析
2020/03/24 Python
keras读取训练好的模型参数并把参数赋值给其它模型详解
2020/06/15 Python
matplotlib 范围选区(SpanSelector)的使用
2021/02/24 Python
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
三年级班级文化建设方案
2014/05/04 职场文书
植树节口号
2014/06/21 职场文书
维稳承诺书
2015/01/20 职场文书
质量保证书格式模板
2015/02/27 职场文书
公司财务制度:成本管理控制制度模板
2019/11/19 职场文书