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

娜一笑的风情x7

娜一笑的风情x7

2016-02-19 13:33

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的基于jQuery的消息提示插件之旅 DivAlert(三),希望大家看完后能赶快学习起来。

打包下载

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

本版本遵循了2.0的写法,此处通过extend方法封装了需要设置的各个选项,比起2.0版本的代码要精简了一些。
  
2.0版本

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)代码如下:
//设置插件基本信息
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);


展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

基于jQuery的弹出消息插件 DivAlert之旅(一)

Web开发
基于jQuery的弹出消息插件 DivAlert之旅(一)

jMessageBox 基于jQuery的窗口插件

Web开发
jMessageBox 基于jQuery的窗口插件

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

基于JQuery的cookie插件

Web开发
基于JQuery的cookie插件

基于jquery的上传插件Uploadify

Web开发
基于jquery的上传插件Uploadify

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

VisualBasic控件结构概述

VisualBasic控件结构概述

jquery 简单的进度条实现代码

jquery 简单的进度条实现代码
下拉加载更多内容 ↓