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 08 Javascript
Jquery中对数组的操作代码
Aug 12 Javascript
node.js中的console.timeEnd方法使用说明
Dec 09 Javascript
javascript实现依次输入input自动定焦
Dec 23 Javascript
JavaScript ParseFloat()方法
Dec 18 Javascript
jQuery 获取多选框的值及多选框中文的函数
May 16 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
如何制作幻灯片(代码分享)
Jan 06 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
vue使用ElementUI时导航栏默认展开功能的实现
Jul 04 Javascript
js字符串倒序的实例代码
Nov 30 Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 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 保留小数点
2009/04/21 PHP
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
php中使用redis队列操作实例代码
2013/02/07 PHP
php将html转成wml的WAP标记语言实例
2015/07/08 PHP
php 数据结构之链表队列
2017/10/17 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
2013/01/11 Javascript
jquery 实现密码框的显示与隐藏示例代码
2013/09/18 Javascript
JS实现根据出生年月计算年龄
2014/01/10 Javascript
纯JavaScript实现的分页插件实例
2015/07/14 Javascript
JavaScript获取键盘按键的键码(参照表)
2017/01/10 Javascript
浅谈Vue.js中的v-on(事件处理)
2017/09/05 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
2017/10/16 Javascript
javascrpt密码强度校验函数详解
2020/03/18 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
jQuery实现简单评论区功能
2020/10/26 jQuery
JS前端基于canvas给图片添加水印
2020/11/11 Javascript
Vue实现点击当前行变色
2020/12/14 Vue.js
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
python 列表转为字典的两个小方法(小结)
2019/06/28 Python
使用Python的Turtle库绘制森林的实例
2019/12/18 Python
Python3 利用face_recognition实现人脸识别的方法
2020/03/13 Python
python实时监控logstash日志代码
2020/04/27 Python
python 指定源路径来解决import问题的操作
2021/03/04 Python
建筑人员岗位职责
2013/12/25 职场文书
中文专业毕业生自荐书范文
2014/01/04 职场文书
医校毕业生自我鉴定
2014/01/25 职场文书
天网工程实施方案
2014/03/26 职场文书
小学向国旗敬礼活动方案
2014/09/27 职场文书
幼儿园教师个人总结
2015/02/05 职场文书
事业单位年度考核个人总结
2015/02/12 职场文书
2021年pycharm的最新安装教程及基本使用图文详解
2021/04/03 Python
彻底理解golang中什么是nil
2021/04/29 Golang
SpringBoot2零基础到精通之异常处理与web原生组件注入
2022/03/22 Java/Android