DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jQuery的消息提示插件之旅 DivAlert(三)
基於jQuery的消息提示插件之旅 DivAlert(三)
編輯:JQuery特效代碼     

打包下載

本版本遵循了2.0的寫法,此處通過extend方法封裝了需要設置的各個選項,比起2.0版本的代碼要精簡了一些。
  
2.0版本

代碼如下:
//設置插件基本信息
var options = o || {};
options.width = o.width || 300;
//提示框寬度若小於104px則自動重置為200px
if (options.height > 104) {
options.height = o.height;
} else {
options.height = 200;
}
options.title = o.title || "提示標題";
options.content = o.content || "提示內容";
//與css文件結合,方便在外部自定義樣式而不用改寫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版本
代碼如下:
//設置插件基本信息
var settings = {
width: 300,
height: 200,
title: "提示標題",
content: "提示內容",
bgClass: 'jBg',
wrapClass: 'jWrap',
titClass: 'jTit',
conClass: 'jCon',
clsClass: 'jBtn',
botDivClass: 'jBot',
botBtnClass: 'jBotBtn'
};
$.extend(settings, options);


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved