基于jQuery的消息提示插件之旅 DivAlert(三)


Posted in Javascript onApril 01, 2010

本版本遵循了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);

都是些很基础的东西,不过还是打个包吧,有兴趣的可以下来瞧瞧。。。
完整代码打包下载

作者:Rocky翔(cnblogs)
感谢作者的代码,三水点靠木编辑简单的说明下,从刚开始的第一版的不完善到完善,都是一步一步过来的,开始没有什么是完美的,经过参考别人的代码,学习别人的长处,慢慢的就会让你的程序更完善,建议大家在以后学习的过程中,多参考多写,不要只看不动手,多多动手自己写代码,才能真正的学习到知识,发现自己的不足。
下面附上作者前两期发布的文章
基于jQuery的弹出消息插件 DivAlert之旅(一)

基于jQuery的消息提示插件 DivAlert之旅(二)

基于jQuery的消息提示插件 DivAlert之旅(三) 推荐

Javascript 相关文章推荐
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
Sep 03 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
Jul 08 Javascript
BootStrap Typeahead自动补全插件实例代码
Aug 10 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
JS实现标签滚动切换效果
Dec 25 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 09 Javascript
vue input输入框关键字筛选检索列表数据展示
Oct 26 Javascript
vue.js 实现a标签href里添加参数
Nov 12 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 Javascript
微信小程序实现列表的横向滑动方式
Jul 15 Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
Apr 01 #Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
Apr 01 #Javascript
基于jquery的tab切换 js原理
Apr 01 #Javascript
JQuery 选项卡效果(JS与HTML的分离)
Apr 01 #Javascript
JQuery Tab选项卡效果代码改进版
Apr 01 #Javascript
JQuery autocomplete 使用手册
Apr 01 #Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 #Javascript
You might like
PHP 全角转半角实现代码
2010/05/16 PHP
destoon在360浏览器下出现用户被强行注销的解决方法
2014/06/26 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
2006/12/06 Javascript
Javascript 错误处理的几种方法
2009/06/13 Javascript
文本框的字数限制功能jquery插件
2009/11/24 Javascript
用js实现的自定义的对话框的实现代码
2010/03/21 Javascript
如何使用jQuery来处理图片坏链具体实现步骤
2013/05/02 Javascript
探讨JavaScript中声明全局变量三种方式的异同
2013/12/03 Javascript
js 事件截取enter按键页面提交事件示例代码
2014/03/04 Javascript
javascript实现Email邮件显示与删除功能
2015/11/21 Javascript
jquery制作图片时钟特效
2020/03/30 Javascript
微信小程序 扎金花简单实例
2017/02/21 Javascript
vue.js学习之UI组件开发教程
2017/07/03 Javascript
Angularjs实现上传图片预览功能
2017/09/01 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
JS实现中英文混合文字溢出友好截取功能
2018/08/06 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
vue中input的v-model清空操作
2019/09/06 Javascript
[59:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第二局
2016/03/04 DOTA
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
Python测试人员需要掌握的知识
2018/02/08 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
python利用多种方式来统计词频(单词个数)
2019/05/27 Python
详解Python3 pickle模块用法
2019/09/16 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
Tensorflow tf.dynamic_partition矩阵拆分示例(Python3)
2020/02/07 Python
英国著名音像制品和图书游戏购物网站:Zavvi
2016/08/04 全球购物
美国医疗用品、医疗设备和家庭保健用品商店:Medical Supply Depot
2018/07/08 全球购物
中专毕业生自荐信
2013/11/16 职场文书
入党推优材料
2014/06/02 职场文书
大专生自荐书范文
2014/06/22 职场文书
小学生国庆演讲稿
2014/09/05 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
保安辞职申请书应该怎么写?
2019/07/15 职场文书
测量JavaScript函数的性能各种方式对比
2021/04/27 Javascript