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代码,粗糙版
Nov 04 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
Jan 28 Javascript
jquery操作HTML5 的data-*的用法实例分享
Aug 17 Javascript
javascript 闭包详解
Feb 15 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
Mar 03 Javascript
jquery限定文本框只能输入数字(整数和小数)
Jan 08 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
详解如何在vue中使用sass
Jun 21 Javascript
AngularJS中filter的使用实例详解
Aug 25 Javascript
Bootstrap table表格初始化表格数据的方法
Jul 25 Javascript
vue项目中使用fetch的实现方法
Apr 25 Javascript
JavaScript动态检测密码强度原理及实现方法详解
Jun 11 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 中英文语言转换类代码
2011/08/11 PHP
支持生僻字且自动识别utf-8编码的php汉字转拼音类
2014/06/27 PHP
PHP向浏览器输出内容的4个函数总结
2014/11/17 PHP
PHP代码实现爬虫记录――超管用
2015/07/31 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
2006/09/07 Javascript
javascript new一个对象的实质
2010/01/07 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
实例讲解JS中数组Array的操作方法
2014/05/09 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
2015/11/15 Javascript
跟我学习javascript的执行上下文
2015/11/18 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
H5实现中奖记录逐行滚动切换效果
2017/03/13 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
vue watch监听对象及对应值的变化详解
2018/02/24 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
jquery实现烟花效果(面向对象)
2020/03/10 jQuery
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
极简的Python入门指引
2015/04/01 Python
Python里disconnect UDP套接字的方法
2015/04/23 Python
windows下Python实现将pdf文件转化为png格式图片的方法
2017/07/21 Python
CentOS下使用yum安装python-pip失败的完美解决方法
2017/08/16 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
Python转换itertools.chain对象为数组的方法
2020/02/07 Python
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
应届大学生简历中的自我评价
2014/01/15 职场文书
幼儿园大班毕业感言
2014/02/06 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
2014年扫黄打非工作总结
2014/12/03 职场文书
领导欢送会主持词
2015/07/06 职场文书