jquery.boxy插件的iframe扩展代码
jquery.boxy插件的iframe扩展代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:/*Boxy属性不变新增w、h、src属性qBox.Close();关闭当前窗口qBox.iFSrc({});改变当前窗口...

复制代码 代码如下:

/*

<a href="a.html" >

<a href="a.html" >

<a href="a.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+"" 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教程学习
热门Javascript教程学习
编程开发子分类