ホームページ > ウェブフロントエンド > jsチュートリアル > jquery.boxy plug-in_jquery の iframe 拡張コード

jquery.boxy plug-in_jquery の iframe 拡張コード

WBOY
リリース: 2016-05-16 18:23:59
オリジナル
792 人が閲覧しました
コードをコピー コードは次のとおりです:

/*


Boxy 属性は変更されず、新しい w、h、src 属性が追加されます
qBox.Close() ; 現在のウィンドウを閉じます
qBox.iFSrc({}); 現在のウィンドウの属性を変更し、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;}) ;
オプション = $.extend(options||{ },{src:this.get(0).getAttribute('href'),beforeUnload:function(){ $(self).unbind('click') .click(function(){return $(this).qbox (オプション);});}});
}
qBox.iFLoad(オプション);
return
}
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 ("読み込み中です。しばらくお待ちください....",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"); 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); op);
return false;
}
}); 出典 cn795.cnblogs.com
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート