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 相关文章推荐
许愿墙中用到的函数
Oct 07 Javascript
jQuery 图像裁剪插件Jcrop的简单使用
May 22 Javascript
修改好的jquery滚动字幕效果实现代码
Jun 22 Javascript
javascript利用apply和arguments复用方法
Nov 25 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
用jquery写的菜单从左往右滑动出现
Apr 11 Javascript
node.js中的http.response.getHeader方法使用说明
Dec 14 Javascript
jquery中checkbox全选失效的解决方法
Dec 26 Javascript
纯javascript响应式树形菜单效果
Nov 10 Javascript
jquery实现倒计时效果
Dec 14 Javascript
微信小程序 swiper组件构建轮播图的实例
Sep 20 Javascript
原生JavaScript实现的简单放大镜效果示例
Feb 07 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跨时区(UTC时间)应用解决方案
2013/01/11 PHP
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
YII Framework框架教程之日志用法详解
2016/03/14 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
JS 面向对象的5钟写法
2009/07/31 Javascript
ExtJS Store的数据访问与更新问题
2010/04/28 Javascript
子页向父页传值示例
2013/11/27 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
AngularJS基础知识
2014/12/21 Javascript
JavaScript中的splice方法用法详解
2016/07/20 Javascript
vue.js的安装方法
2017/05/12 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
详解关于vue2.0工程发布上线操作步骤
2018/09/27 Javascript
JS算法题之查找数字在数组中的索引位置
2019/05/15 Javascript
一文快速了解JQuery中的AJAX
2019/05/31 jQuery
解决layer.prompt无效的问题
2019/09/24 Javascript
vue中如何自定义右键菜单详解
2020/12/08 Vue.js
vue 实现基础组件的自动化全局注册
2020/12/25 Vue.js
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python多线程爬虫简单示例
2016/03/04 Python
一键搞定python连接mysql驱动有关问题(windows版本)
2016/04/23 Python
Python使用re模块正则提取字符串中括号内的内容示例
2018/06/01 Python
Python BS4库的安装与使用详解
2018/08/08 Python
详解python配置虚拟环境
2019/04/08 Python
python实现列表的排序方法分享
2019/07/01 Python
python中字典按键或键值排序的实现代码
2019/08/27 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
Python使用Numpy模块读取文件并绘制图片
2020/05/13 Python
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
护士毕业生自荐信
2014/02/07 职场文书
实习评语大全
2014/04/26 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
大连导游词
2015/02/12 职场文书
会计试用期自我评价
2015/03/10 职场文书
2015年妇幼保健工作总结
2015/05/19 职场文书