/*错误提示框*/
var wr = function() {
var wrap = '<div class="wrapBox opacity">&nbsp;</div>';
var callback;
var me = this;
var htmlBox = '<div class="alertBox opacity"></div>';
// 遮罩显示
me.faIn = function faIn(callback) {
$('body').append(wrap);
$(wrap).fadeIn(150, function() {
$('.bodyBox').addClass('overAuto');
if (callback) {
callback();
}
;
});
};
// 遮罩隐藏
me.faOut = function(callback) {
$('.wrapBox').fadeOut(150, function() {
$('.bodyBox').removeClass('overAuto');
if (callback) {
callback();
}
;
$(this).remove();
});
};
// 公共提示框
me.alert = function(message, callback) {
if(message){
var pHtml = '<p>' + message + '</p>';
var inhtml = $(htmlBox).append(pHtml);
$('body').append(inhtml);
$(inhtml).fadeIn(250, function() {
setTimeout(function() {
$(inhtml).fadeOut(150, function() {
$(this).html('');
$(this).remove();
});
if (callback) {
callback();
}
}, 2000);
});
} }; me.alertHide=function(){
$('body').find('.alertBox').fadeOut(0,function(){
$(this).html('');
$(this).remove();
});
}; // 电话
me.tel = function(tel, callback) {
var tel = '<p class="telBox"><a href="tel:' + tel + '">' + tel
+ '</a></p>';
if (callback) {
callback();
}
$('body').append(htmlBox);
$('body').append(tel);
$(htmlBox).fadeIn(250);
$('.alertBox').click(function() {
$('.telBox').fadeOut(150, function() {
$(this).remove();
});
$(this).fadeOut(0, function() {
$(this).html('');
$(this).remove(); });
});
};
};
var wrap = new wr();

js公共弹出窗插件的更多相关文章

  1. 简洁的Jquery弹出窗插件

    做项目时,很多时候都需要弹窗提示.如果要求不是很严格的项目,直接使用alert就可以搞定.对于需要高度定制化的项目,而且要求比较高的时候,就需要设计符合整体风格的弹出层,这种有美工帮忙,也比较好搞定. ...

  2. js登录弹出框插件

    第一步:页面引入css:<link rel="stylesheet" type="text/css"" href="common/cs ...

  3. 推荐一款适合Dynamics 365/Dynamics CRM 2016 使用的弹出窗插件AlertJs

    Github地址: https://github.com/PaulNieuwelaar/alertjs 目前有两个版本,3.0版本(30天免费试用)以及2.1版本(完全免费) ------------ ...

  4. 纯js文件弹出窗写法

    <dialog id="myDialog"> 01234567890 <a href="javascript:;" id="clos ...

  5. 在Vue中使用layer.js弹出层插件

    layer.js(mobile)是一个小巧方便的弹出层插件,在之前的apicloud项目中被大量使用,但最近对apicloud的IDE.非常不友好的文档和极低的开发效率深感厌烦,决定弃用然后转向Vue ...

  6. Jquery和Javascript 实际项目中写法基础-弹出窗和弹出层 (4)

     一.实际项目中有很多如下界面效果.    二.该效果可以归结为弹出窗或者弹出层来实现的,为什么这么说?看如下代码:      <!DOCTYPE html> <html> & ...

  7. bootstrap-data-target触发模态弹出窗元素的data使用 data-toggle与data-target的作用 深入ASP.NET MVC之九:Ajax支持 Asp.Net MVC4系列--进阶篇之AJAX

    bootstrap-data-target触发模态弹出窗元素的data使用 时间:2017-05-27 14:22:34      阅读:4479      评论:0      收藏:0      [ ...

  8. Bootstrap模态弹出窗

    Bootstrap模态弹出窗有三种方式: 1.href触发模态弹出窗元素: <a class="btn btn-primary" data-toggle="moda ...

  9. jQuery弹出层插件popbox

    都什么年代了,还自己写弹出层插件!是的,①自己写的自己好控制②可定制性高③兼容低版本IE 本插件有以下特性: 样式分离,可定制,纯净无图片 可自定义按钮及按钮的样式.点击事件 可指定选择器选择页面元素 ...

随机推荐

  1. 记一次 HTTP信息头管理器使用 的重要性

    今天在测试中遇到了一个问题 使用JMeter时请求相关地址参数及方法都填写正确,但是相应数据返回始终不对,例如 查看取样器结果显示 200 正常,但响应数据不符合正常的结果. 经反复检查发现问题如下: ...

  2. 测试工程师的12最 作为测试猿的你是否都遇到过o_o ....

    在51testing偶然看到一篇文章,觉得很不错,就转过来了.看完笑笑之后,如果能带来点思考就更好了. 1.测试工程师最开心的事:发现了一个很严重的bug,特别是那种隐藏很深,逻辑性的错误.偶第一次发 ...

  3. Python函数的定义与调用、返回值、参数

    一.函数是什么 函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段. 函数能提高应用的模块性,和代码的重复利用率.比如print(),len()等.但你也可以自己创建函数,这被叫做用户自 ...

  4. TestNg 3.忽略测试

    有些测试本身不想执行,但是删掉显得不合理,需要忽略这个测试用例 package com.course.testng; import org.testng.annotations.Test; publi ...

  5. linux下静态库和动态库的制作

    一.静态库 1.编写.c文件,在其中实现函数源代码,同时制作头文件 2.将.c文件转为.o文件             gcc -c xxx.c -o xxx.o 3.将*.o转换成库文件     a ...

  6. hystrix实战

    https://blog.csdn.net/Ezreal_King/article/details/72942823

  7. lucene的普通搜索(二)

    首先得到索引: package com.wp.util; import java.io.File; import java.io.FileReader; import java.nio.file.Pa ...

  8. SpringBoot项目部署在同一个tomcat容器报错

    在一个Tomcat容器中部署了两个springboot的应用,在启动时发现一直都是第一个启动的项目能启动成功,第二个项目启动报错,错误信息如下: 2018-01-30 15:49:27.810 ERR ...

  9. Weblogic启动服务时候提示:Authentication for user weblogic denied

    一.问题描述: 在Linux系统上对weblogic10.3.6搭建完成后,启动控制台没问题,但是新建的服务怎么都起不来,而且在服务的目录下也有了认证文件boot.properties文件,也确定用户 ...

  10. java io系列11之 FilterOutputStream

    FilterOutputStream 介绍 FilterOutputStream 的作用是用来“封装其它的输出流,并为它们提供额外的功能”.它主要包括BufferedOutputStream, Dat ...