基于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 相关文章推荐
JavaScript中获取元素索引的函数
Sep 10 Javascript
js最简单的拖拽效果实现代码
Sep 24 Javascript
复选框全选与全不选操作实现思路
Aug 18 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
全面解析Bootstrap中nav、collapse的使用方法
May 22 Javascript
把普通对象转换成json格式的对象的简单实例
Jul 04 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
Sep 03 Javascript
javascript 日期相减-在线教程(附代码)
Aug 17 Javascript
使用vue制作探探滑动堆叠组件的实例代码
Mar 07 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
vue.js的简单自动求和计算实例
Nov 08 Javascript
vue的hash值原理也是table切换实例代码
Dec 14 Vue.js
基于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
PHP4实际应用经验篇(5)
2006/10/09 PHP
Adodb的十个实例(清晰版)
2006/12/31 PHP
解析curl提交GET,POST,Cookie的简单方法
2013/06/29 PHP
PHP 表单提交及处理表单数据详解及实例
2016/12/27 PHP
使用SMB共享来绕过php远程文件包含的限制执行RFI的利用
2019/05/31 PHP
JavaScript子窗口ModalDialog中操作父窗口对像
2012/12/11 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
jQuery 动态云标签插件
2014/11/11 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
2017/03/30 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
简单实现vue中的依赖收集与响应的方法
2019/02/18 Javascript
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
完美解决vue 中多个echarts图表自适应的问题
2020/07/19 Javascript
[37:29]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.19
2020/11/19 DOTA
Tensorflow简单验证码识别应用
2017/05/25 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
python rsync服务器之间文件夹同步脚本
2019/08/29 Python
基于Python脚本实现邮件报警功能
2020/05/20 Python
用css3写出气球样式的示例代码
2017/09/11 HTML / CSS
css3实现画半圆弧线的示例代码
2017/11/06 HTML / CSS
html5实现canvas阴影效果示例
2014/05/07 HTML / CSS
浅谈h5自定义audio(问题及解决)
2016/08/19 HTML / CSS
New Balance美国官网:运动鞋和健身服装
2017/04/11 全球购物
建筑毕业生自我鉴定
2013/10/18 职场文书
成人大专自我鉴定范文
2013/10/19 职场文书
人事经理岗位职责
2014/04/28 职场文书
乡镇消防安全责任书
2014/07/23 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
银行贷款委托书范本
2014/10/11 职场文书
2014年客服工作总结范文
2014/11/13 职场文书
《我的伯父鲁迅先生》教学反思
2016/02/16 职场文书
利用python做表格数据处理
2021/04/13 Python
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS