jquery.boxy插件的iframe擴(kuò)展代碼
更新時(shí)間:2010年07月02日 23:58:48 作者:
jquery.boxy插件的iframe擴(kuò)展
復(fù)制代碼 代碼如下:
/*
<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();關(guān)閉當(dāng)前窗口
qBox.iFSrc({}); 改變當(dāng)前窗口的屬性及指向 Boxy屬性不變 新增 w、h、src 屬性
*/
//Boxy插件的擴(kuò)展
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+"\">正在加載,請(qǐng)稍后....</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
您可能感興趣的文章:
- jQuery插件擴(kuò)展實(shí)例【添加回調(diào)函數(shù)】
- jQuery插件擴(kuò)展extend的簡(jiǎn)單實(shí)現(xiàn)原理
- jQuery插件擴(kuò)展測(cè)試實(shí)例
- jQuery插件formValidator自定義函數(shù)擴(kuò)展功能實(shí)例詳解
- jQuery插件kinMaxShow擴(kuò)展效果用法實(shí)例
- jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件
- JQuery模板插件 jquery.tmpl 動(dòng)態(tài)ajax擴(kuò)展
- boxy基于jquery的彈出層對(duì)話框插件擴(kuò)展應(yīng)用 彈出層選擇器
- jQuery下擴(kuò)展插件和拓展函數(shù)的寫(xiě)法(匿名函數(shù)使用的典型例子)
- jQuery autocomplate 自擴(kuò)展插件、自動(dòng)完成示例代碼
- 利用jQuery插件擴(kuò)展識(shí)別瀏覽器內(nèi)核與外殼的類(lèi)型和版本的實(shí)現(xiàn)代碼
- jQuery插件擴(kuò)展操作入門(mén)示例
相關(guān)文章
讓input框?qū)崿F(xiàn)類(lèi)似百度的搜索提示(基于jquery事件監(jiān)聽(tīng))
讓input框?qū)崿F(xiàn)類(lèi)似百度的搜索提示,oninput和onpropertychange事件監(jiān)聽(tīng),通過(guò)ajax獲取json數(shù)據(jù)2014-01-01
從零開(kāi)始學(xué)習(xí)jQuery (一) 開(kāi)天辟地入門(mén)篇
本篇文章是入門(mén)第一篇, 主要是簡(jiǎn)單介紹jQuery, 通過(guò)簡(jiǎn)單示例指導(dǎo)大家如何編寫(xiě)jQuery代碼以及搭建開(kāi)發(fā)環(huán)境. 詳細(xì)講解了如何在Visual Studio中配合使用jQuery.2010-10-10
jQuery實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-07-07
jQuery的 $.ajax防止重復(fù)提交的兩種方法(推薦)
本文給大家分享兩種jquery 的ajax防止重復(fù)提交的方法,第一種方法對(duì)于onclick事件觸發(fā)的ajax,在beforeSend中使點(diǎn)擊按鈕不可用,ajax結(jié)果返回后置為可用,第二種利用jquery ajaxPrefilter中斷請(qǐng)求,對(duì)于詳情請(qǐng)參考下本文2016-10-10
jquery實(shí)現(xiàn)員工管理注冊(cè)頁(yè)面
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)員工管理注冊(cè)頁(yè)面,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08
Jquery知識(shí)點(diǎn)一 Jquery的ready和Dom的onload的區(qū)別
onload是所有dom元素創(chuàng)建完畢,圖片、css等都加在完畢后才觸發(fā) ready則是dom元素創(chuàng)建完畢后就被觸發(fā)2011-01-01
jQuery截取指定長(zhǎng)度字符串的實(shí)現(xiàn)原理及代碼
截取指定長(zhǎng)度字符串操作在新聞列表這種類(lèi)型的操作中大量應(yīng)用,下面有個(gè)示例,大家可以參考下2014-07-07

