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 可拖动列表实现代码
Dec 13 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
May 07 Javascript
js中的异常处理try...catch使用介绍
Sep 21 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
May 06 Javascript
Angular 路由route实例代码
Jul 12 Javascript
简单实现bootstrap导航效果
Feb 07 Javascript
Javascript es7中比较实用的两个方法示例
Jul 21 Javascript
JavaScript实现随机数生成器(去重)
Oct 13 Javascript
微信小程序实现鼠标拖动效果示例
Dec 01 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
Oct 25 Javascript
Vue-router 报错NavigationDuplicated的解决方法
Mar 31 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
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
PHP 组件化编程技巧
2009/06/06 PHP
简单的cookie计数器实现源码
2013/06/07 PHP
php出现内存位置访问无效错误问题解决方法
2014/08/16 PHP
PHP中抽象类和抽象方法概念与用法分析
2016/05/24 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
PHP使用pdo连接access数据库并循环显示数据操作示例
2018/06/05 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
2010/12/09 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
2016/06/09 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
vue-loader教程介绍
2017/06/14 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
2017/08/21 Javascript
karma+webpack搭建vue单元测试环境的方法示例
2018/05/24 Javascript
vue项目中实现图片预览的公用组件功能
2018/10/26 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
2019/08/12 Javascript
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
对django中render()与render_to_response()的区别详解
2018/10/16 Python
Python中使用__new__实现单例模式并解析
2019/06/25 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
HTML5中的Article和Section元素认识及使用
2013/03/22 HTML / CSS
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
安全生产汇报材料
2014/02/17 职场文书
公司授权委托书
2014/10/17 职场文书
2015大学迎新晚会策划书
2015/07/16 职场文书
初中历史教学反思
2016/02/19 职场文书
导游词之吉林吉塔
2019/11/11 职场文书
python 单机五子棋对战游戏
2022/04/28 Python
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python