jquery.boxy插件的iframe扩展

// 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({src: this .get( 0 ).getAttribute( ' href ' ),beforeUnload: function (){ $(self).unbind( ' click ' ).click( function (){ return  $( this ).qbox(options);});}},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:0px;height:0px;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); 
              var  B = qBox.aDgs[qBox.aDgs.length - 1 ];
             B.setTitle(op.title);
             B.getContent().attr({ ' src ' :op.src}); 
             B.tween(op.w,op.h, function (){ 
                      B.getContent().css({ ' width ' :op.w + ' px ' , ' height ' :op.h + ' px ' });
                 }); 
              return   false ;
    },  
    iFLoad: function (options){ 
             var  sr =  jQuery( this ).attr( " href " );
             var  op  =  jQuery.extend({src:sr},options);
            qBox.iFrame(op); 
             return   false ;
    }
});

 

2010年7月24日附加演示并修改了代码

下载演示： jQuery.Boxy.iFrame

 

 原创

 转载请保留出处 cn795.cnblogs.com