作家
登录

jquery.boxy插件的iframe扩展代码

作者: 来源:www.28hudong.com 2013-03-30 01:28:37 阅读 我要评论

复制代码 代码如下: /* <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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)