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 相关文章推荐
动态创建script在IE中缓存js文件时导致编码的解决方法
May 04 Javascript
jQuery判断当前点击的是第几个li的代码
Sep 26 Javascript
jQuery类选择器用法实例
Dec 23 Javascript
javascript获取四位数字或者字母的随机数
Jan 09 Javascript
JS实现黑客帝国文字下落效果
Sep 01 Javascript
原生js实现图片层叠轮播切换效果
Feb 02 Javascript
Vue生命周期示例详解
Apr 12 Javascript
简单谈谈JS中的正则表达式
Sep 11 Javascript
angular动态表单制作
Feb 23 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
Mar 07 Javascript
JS面向对象编程——ES6 中class的继承用法详解
Mar 03 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
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
浅谈本地WAMP环境的搭建
2015/05/13 PHP
php利用fsockopen GET/POST提交表单及上传文件
2017/05/22 PHP
使用PHP连接数据库_实现用户数据的增删改查的整体操作示例
2017/09/01 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
js的表单操作 简单计算器
2011/12/29 Javascript
Knockoutjs快速入门(经典)
2012/12/24 Javascript
JS实现下拉框的动态添加(附效果)
2013/04/03 Javascript
一个JavaScript递归实现反转数组字符串的实例
2014/10/14 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
javascript二维数组转置实例
2015/01/22 Javascript
jquery动态导航插件dynamicNav用法实例分析
2015/09/06 Javascript
js实现简单的计算器功能
2017/01/16 Javascript
js仿淘宝评价评分功能
2017/02/28 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
2017/03/07 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
vue 打包后的文件部署到express服务器上的方法
2017/08/09 Javascript
基于Vue实例生命周期(全面解析)
2017/08/16 Javascript
详解vue-cli3使用
2018/08/14 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
简明 Python 基础学习教程
2007/02/08 Python
python计算时间差的方法
2015/05/20 Python
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
Python脚本获取操作系统版本信息
2016/12/17 Python
Python使用Slider组件实现调整曲线参数功能示例
2019/09/06 Python
PyTorch中Tensor的数据统计示例
2020/02/17 Python
Python pymysql模块安装并操作过程解析
2020/10/13 Python
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
澳大利亚便宜的家庭购物网站:CrazySales
2018/02/06 全球购物
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
实习老师离校感言
2014/02/03 职场文书
《小猫刮胡子》教学反思
2014/02/21 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
2014年社区党建工作总结
2014/11/11 职场文书
2016年党课培训学习心得体会
2016/01/07 职场文书
纯html+css实现打字效果
2021/08/02 HTML / CSS
Linux磁盘管理方法介绍
2022/06/01 Servers