复制代码 代码如下: /* <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
推荐阅读
js DNA动态序列比对代码
动态序列比对
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读
本文标题:jquery.boxy插件的iframe扩展代码
地址:http://www.17bianji.com/kaifa2/JS/26094.html
1/2 1