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 相关文章推荐
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
jQuery 相关控件的事件操作分解
Aug 03 Javascript
JQuery下的Live方法和$.browser方法使用代码
Jun 02 Javascript
jQuery联动日历的实例解析
Dec 02 Javascript
Node.js获取前端ajax提交的request信息
Feb 20 Javascript
vue.js之vue-cli脚手架的搭建详解
May 05 Javascript
慕课网题目之js实现抽奖系统功能
Sep 19 Javascript
Vue ElementUi同时校验多个表单(巧用new promise)
Jun 06 Javascript
JavaScript数组去重的几种方法
Apr 07 Javascript
如何在微信小程序里面退出小程序的方法
Apr 28 Javascript
微信小程序动态添加view组件的实例代码
May 23 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
Aug 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
php_xmlhttp 乱码问题解决方法
2009/08/07 PHP
php示例详解Constructor Prototype Pattern 原型模式
2015/10/15 PHP
PHP 的Opcache加速的使用方法
2017/12/29 PHP
php简单计算权重的方法示例【适合抽奖类应用】
2019/06/10 PHP
Prototype 学习 工具函数学习($方法)
2009/07/12 Javascript
jQuery写fadeTo示例代码
2014/02/21 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
浅谈javascript中的加减时间
2016/07/12 Javascript
AngularJS教程之简单应用程序示例
2016/08/16 Javascript
基于Vuejs框架实现翻页组件
2020/06/29 Javascript
Windows系统下安装Node.js的步骤图文详解
2016/11/15 Javascript
Vue+mui实现图片的本地缓存示例代码
2018/05/24 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
React如何解决fetch跨域请求时session失效问题
2018/11/02 Javascript
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
2020/07/23 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
centos 下面安装python2.7 +pip +mysqld
2014/11/18 Python
讲解Python中运算符使用时的优先级
2015/05/14 Python
使用python验证代理ip是否可用的实现方法
2018/07/25 Python
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
python 使用shutil复制图片的例子
2019/12/13 Python
Python图像处理库PIL的ImageEnhance模块使用介绍
2020/02/26 Python
利用PyQt5+Matplotlib 绘制静态/动态图的实现代码
2020/07/13 Python
iphoneX 适配客户端H5页面的方法教程
2017/12/08 HTML / CSS
HTML5表单验证特性(知识点小结)
2020/03/10 HTML / CSS
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
高清安全摄像头系统:Lorex Technology
2018/07/20 全球购物
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
商业房地产广告语
2014/03/13 职场文书
募捐倡议书怎么写
2014/05/14 职场文书
优秀党员先进事迹材料
2014/12/18 职场文书
史上最全的军训拉歌口号
2015/12/25 职场文书
javaScript Array api梳理
2021/03/31 Javascript
python实现简易自习室座位预约系统
2021/06/30 Python
特别篇动画《总之就是非常可爱 ~制服~》PV公开,2022年夏季播出
2022/04/04 日漫