jquery.boxy彈出框(後隔N秒後自動隱藏/自動跳轉)_jquery

對於Boxy彈出框的使用之前寫過一些文章（查看jquery.boxy基礎），今天主要是在解決一個需要之後，覺得值得把它記錄下來，所以就再寫一篇，主要功能是，在彈出對話框後，隔N秒後自動隱藏，還有就是自動跳轉！

效果如圖：
 
而所封裝的程式碼如下:

：

複製程式碼

程式碼如下:


// boxy對話框擴充
var Boxy_Extensions = {
options: {
title: '藝吧提示',
closeText: 'x'
},
//彈出後N秒後隱藏
alertDelayFun: function (info, timer, options) {
options = $ .extend(this.options, options || {});
new Boxy("

" info "

", $.extend({ behaviours: function () {
setTimeout('$(".boxy-wrapper").hide();', timer);
}
}, options));
},
//彈出後，自動跳轉
alertHrefFun: function (info, href, options) {
options = $.extend(this .options, options || {});
new Boxy("

" info "

", $.extend({ behaviours: function () {
location.href = href;
}

}, options));
}
}
因為options屬性是公用的，所以把它提了出現，而每個方法有自己的options，如果在調用自己方法時傳遞了options，透過$.extend會把它 與類別中options屬性的內容合併（覆蓋相關鍵的值，擴展新的鍵值），看來寫JS也應該遵循物件導向的原則呀，呵呵！