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 相关文章推荐
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
Jul 08 Javascript
jQuery实现3D文字特效的方法
Mar 10 Javascript
jquery制作多功能轮播图插件
Apr 02 Javascript
Angular2  NgModule 模块详解
Oct 19 Javascript
easyui messager alert 三秒后自动关闭提示的实例
Nov 07 Javascript
bootstrap vue.js实现tab效果
Feb 07 Javascript
原生JS京东轮播图代码
Mar 22 Javascript
js 倒计时(高效率服务器时间同步)
Sep 12 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
js对象数组和对象的使用实例详解
Aug 27 Javascript
javascript操作元素的常见方法小结
Nov 13 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下MAIL的另一解决方案
2006/10/09 PHP
PHP脚本的10个技巧(1)
2006/10/09 PHP
PHP静态类
2006/11/25 PHP
PHP+Ajax无刷新带进度条图片上传示例
2017/02/08 PHP
PHP实现的自定义图像居中裁剪函数示例【测试可用】
2017/08/11 PHP
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
2014/09/22 Javascript
vue2.0 自定义日期时间过滤器
2017/06/07 Javascript
浅谈Vue2.0父子组件间事件派发机制
2018/01/08 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
vue解决使用$http获取数据时报错的问题
2019/10/30 Javascript
[02:54]DOTA2亚洲邀请赛 VG战队出场宣传片
2015/02/07 DOTA
Pyhton中防止SQL注入的方法
2015/02/05 Python
Python最长公共子串算法实例
2015/03/07 Python
在Django中创建URLconf相关的通用视图的方法
2015/07/20 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
python中使用paramiko模块并实现远程连接服务器执行上传下载功能
2020/02/29 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
TensorFlow2.X结合OpenCV 实现手势识别功能
2020/04/08 Python
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
中文系学生自荐信范文
2013/11/13 职场文书
计算机网络专业推荐信
2013/11/24 职场文书
物业管理毕业生个人的求职信
2013/11/30 职场文书
《鸟的天堂》教学反思
2014/02/27 职场文书
企业总经理任命书
2014/06/05 职场文书
小学教师求职信范文
2015/03/20 职场文书
大学运动会通讯稿
2015/07/18 职场文书
mysql查找连续出现n次以上的数字
2022/05/11 MySQL
NoSQL优缺点与MongoDB数据库简介
2022/06/05 MongoDB