基于jQuery的消息提示插件之旅 DivAlert(三)
更新時(shí)間：2010年04月01日 22:59:51 作者：
雖然前面已經(jīng)寫過兩篇關(guān)于DivAlert的隨筆了，也已經(jīng)實(shí)現(xiàn)了我的需求，但是今天發(fā)現(xiàn)很多jQuery插件代碼中都使用了extend方法，這樣確實(shí)讓默認(rèn)設(shè)置的代碼減少了許多。
本版本遵循了2.0的寫法，此處通過extend方法封裝了需要設(shè)置的各個(gè)選項(xiàng)，比起2.0版本的代碼要精簡(jiǎn)了一些。
2.0版本
//設(shè)置插件基本信息
var options = o || {};
options.width = o.width || 300;
//提示框?qū)挾热粜∮?04px則自動(dòng)重置為200px
if (options.height > 104) {
options.height = o.height;
} else {
options.height = 200;
}
options.title = o.title || "提示標(biāo)題";
options.content = o.content || "提示內(nèi)容";
//與css文件結(jié)合，方便在外部自定義樣式而不用改寫js文件
options.bgClass = o.bgClass || 'jBg';
options.wrapClass = o.wrapClass || 'jWrap';
options.titClass = o.titClass || 'jTit';
options.conClass = o.conClass || 'jCon';
options.clsClass = o.clsClass || 'jBtn';
options.botDivClass = o.botDivClass || 'jBot';
options.botBtnClass = o.botBtnClass || 'jBotBtn';
3.0版本
//設(shè)置插件基本信息
var settings = {
width: 300,
height: 200,
title: "提示標(biāo)題",
content: "提示內(nèi)容",
bgClass: 'jBg',
wrapClass: 'jWrap',
titClass: 'jTit',
conClass: 'jCon',
clsClass: 'jBtn',
botDivClass: 'jBot',
botBtnClass: 'jBotBtn'
};
$.extend(settings, options);
都是些很基礎(chǔ)的東西，不過還是打個(gè)包吧，有興趣的可以下來瞧瞧。。。
完整代碼打包下載
作者：Rocky翔(cnblogs)
感謝作者的代碼，腳本之家編輯簡(jiǎn)單的說明下，從剛開始的第一版的不完善到完善，都是一步一步過來的，開始沒有什么是完美的，經(jīng)過參考別人的代碼，學(xué)習(xí)別人的長處，慢慢的就會(huì)讓你的程序更完善，建議大家在以后學(xué)習(xí)的過程中，多參考多寫，不要只看不動(dòng)手，多多動(dòng)手自己寫代碼，才能真正的學(xué)習(xí)到知識(shí)，發(fā)現(xiàn)自己的不足。
下面附上作者前兩期發(fā)布的文章
基于jQuery的彈出消息插件 DivAlert之旅（一）
基于jQuery的消息提示插件 DivAlert之旅（二）
基于jQuery的消息提示插件 DivAlert之旅（三） 推薦
2.0版本
復(fù)制代碼 代碼如下:
//設(shè)置插件基本信息
var options = o || {};
options.width = o.width || 300;
//提示框?qū)挾热粜∮?04px則自動(dòng)重置為200px
if (options.height > 104) {
options.height = o.height;
} else {
options.height = 200;
}
options.title = o.title || "提示標(biāo)題";
options.content = o.content || "提示內(nèi)容";
//與css文件結(jié)合，方便在外部自定義樣式而不用改寫js文件
options.bgClass = o.bgClass || 'jBg';
options.wrapClass = o.wrapClass || 'jWrap';
options.titClass = o.titClass || 'jTit';
options.conClass = o.conClass || 'jCon';
options.clsClass = o.clsClass || 'jBtn';
options.botDivClass = o.botDivClass || 'jBot';
options.botBtnClass = o.botBtnClass || 'jBotBtn';
3.0版本
復(fù)制代碼 代碼如下:
//設(shè)置插件基本信息
var settings = {
width: 300,
height: 200,
title: "提示標(biāo)題",
content: "提示內(nèi)容",
bgClass: 'jBg',
wrapClass: 'jWrap',
titClass: 'jTit',
conClass: 'jCon',
clsClass: 'jBtn',
botDivClass: 'jBot',
botBtnClass: 'jBotBtn'
};
$.extend(settings, options);
都是些很基礎(chǔ)的東西，不過還是打個(gè)包吧，有興趣的可以下來瞧瞧。。。
完整代碼打包下載
作者：Rocky翔(cnblogs)
感謝作者的代碼，腳本之家編輯簡(jiǎn)單的說明下，從剛開始的第一版的不完善到完善，都是一步一步過來的，開始沒有什么是完美的，經(jīng)過參考別人的代碼，學(xué)習(xí)別人的長處，慢慢的就會(huì)讓你的程序更完善，建議大家在以后學(xué)習(xí)的過程中，多參考多寫，不要只看不動(dòng)手，多多動(dòng)手自己寫代碼，才能真正的學(xué)習(xí)到知識(shí)，發(fā)現(xiàn)自己的不足。
下面附上作者前兩期發(fā)布的文章
基于jQuery的彈出消息插件 DivAlert之旅（一）
基于jQuery的消息提示插件 DivAlert之旅（二）
基于jQuery的消息提示插件 DivAlert之旅（三） 推薦
您可能感興趣的文章:
- jquery.alert 彈出式復(fù)選框?qū)崿F(xiàn)代碼
- 基于jQuery的彈出消息插件 DivAlert之旅（一）
- 基于jQuery的消息提示插件 DivAlert之旅（二）
- JQuery的Alert消息框插件使用介紹
- jQuery)擴(kuò)展jQuery系列之一 模擬alert，confirm（一）
- 基于jquery的彈出提示框始終處于窗口的居中位置（類似于alert彈出框的效果）
- jQuery綁定事件不執(zhí)行但alert后可以正常執(zhí)行
- 自編jQuery插件實(shí)現(xiàn)模擬alert和confirm
- jquery SweetAlert插件實(shí)現(xiàn)響應(yīng)式提示框
相關(guān)文章
jQuery實(shí)現(xiàn)調(diào)整表格單列順序完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)調(diào)整表格單列順序的方法,結(jié)合完整實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件及動(dòng)態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了jQuery替換textarea中換行的方法,涉及jQuery操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-06-06
開發(fā)人員利用jQuery代碼不僅能給網(wǎng)站帶來各種動(dòng)畫、特效，還會(huì)提高網(wǎng)站的用戶體驗(yàn)。本文總結(jié)了開發(fā)者經(jīng)常使用的12個(gè)jQuery代碼片段，大家可以直接拿來用2015-11-11
jQuery點(diǎn)擊后一組圖片左右滑動(dòng)的實(shí)現(xiàn)代碼
主要是用作圖片展示的時(shí)候需要，點(diǎn)擊后一組圖片左右滑動(dòng)，需要的朋友可以參考下2012-08-08
其實(shí)這個(gè)也不算是 resizable 的BUG,但從官網(wǎng)下載下來的確實(shí)存在問題2010-10-10
基于jQuery實(shí)現(xiàn)美觀且實(shí)用的倒計(jì)時(shí)實(shí)例代碼
倒計(jì)時(shí)效果在我們的日常生活中經(jīng)常會(huì)用到，比如說高考倒計(jì)時(shí)、元旦放假倒計(jì)時(shí)、春節(jié)放假倒計(jì)時(shí)等等，下面通過本篇文章給大家分享基于jQuery實(shí)現(xiàn)美觀且實(shí)用的倒計(jì)時(shí)實(shí)例代碼，對(duì)jquery倒計(jì)時(shí)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12
不知不覺10月都結(jié)束了，又要到年底了?？纯醋约荷洗螌戇^的文章后，已經(jīng)2個(gè)月都沒寫東西了2011-11-11
jQuery插件實(shí)現(xiàn)表格隔行換色且感應(yīng)鼠標(biāo)高亮行變色
實(shí)現(xiàn)表格隔行換色，且感應(yīng)鼠標(biāo)行變色的方法有很多，在本文將為大家介紹的是使用jQuery插件來實(shí)現(xiàn)，具體如下，感興趣的朋友可以練練手2013-09-09
Jquery實(shí)現(xiàn)簡(jiǎn)單圖片切換效果代碼，需要的朋友可以參考下。2011-01-01
js/jq仿window文件夾移動(dòng)/剪切/復(fù)制等操作代碼
本篇文章主要介紹了js/jq仿window文件夾移動(dòng)/剪切/復(fù)制等操作代碼，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2017-03-03