JS 信息提示弹框封装

// 功能提示弹框
function tipsBox ( option ) {
	var html = ‘‘;

	if ( option.type == ‘success‘ ) {
		html += ‘<div class="message-box-body" data-type="success">‘+ option.message +‘</div>‘;
	}
	else if ( option.type == ‘error‘ ) {
		html += ‘<div class="message-box-body" data-type="error">‘;
		html += ‘<span>‘ + option.message + ‘</span>‘;
		html += ‘</div>‘;
	}

	$(".common-dialog-box").empty().append(html);
	$(".common-dialog-box").addClass(‘show‘);

	// 延迟取消
	setTimeout(function () {
		$(".common-dialog-box").removeClass(‘show‘);
	});

}

  

时间: 2024-11-02 21:31:28

JS 信息提示弹框封装的相关文章

JS 功能弹框封装

// 功能提示弹框 function messageBox ( option ) { var html = ''; html += '<div class="message-box-head">' + option.title; html += '<i class="icon iconfont message-close"></i></div>'; if ( option.type == 'using' ) { ht

已解决:PLSQL Developer的错误提示弹框的文本乱码问题

问题:Windows7中文环境下,PLSQL Developer的错误提示弹框文本为乱码 解决过程:1.使用SELECT * FROM v$nls_parameters;查询得知服务器的字符集编码为: NLS_LANGUAGE=SIMPLIFIED CHINESE NLS_CHARACTERSET=AL32UTF82.因为自己服务器不在自己本地,而是通过客户端远程连接,所以注册表里无Oracle相关注册项,无法修改注册表信息解决问题:3.修改环境变量,在计算机-右键属性-高级系统设置-环境变量中

jQuery制作信息提示弹出层插件【推荐】

给大家分享一款非常实用的弹窗提示窗口插件,包含多种模式.带有回执函数值的功能.?1. [代码][JavaScript]代码 <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script><!--[if IE 6]><script type="text/javascript" src="js/iepngfix_tilebg

提示弹框

<!doctype html> <html> <head> <meta charset="utf-8" /> <title>提示弹框</title> <style type="text/css"> *,*::before,*::after{box-sizing:border-box;} .body{ display: flex; justify-content: center; al

JS遮罩层弹框效果

对于前端开发者来说,js是不可缺少的语言.现在我开始把我日常积累的一些js效果或者通过搜索自己总结的一些效果分享给大家,希望能够帮助大家一起进步,也希望大家能够多多支持! 1.今天我先分享一个遮罩层弹框效果: <!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <

js组件--自定义弹框

javascript自定义弹框 性能太差,有很大的改善空间 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <!--<link href="styles/reset.css" type="text/css&

js循环遍历弹框,先弹出第一个之后逐步弹出第二个。。

var data = [{ "login_advertTitle": "即使生活琐碎,也要活得优雅", "login_advertCont": "<html>\r\n<head>\r\n\t<title></title>\r\n</head>\r\n<body>\r\n<p style=\"padding: 10px 0px; margin: 0px

css+JS实现遮罩弹框

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css"> #fade { disp

【前端开发】--js弹框

js三种弹框 一.普通弹框 这类弹框就是仅仅是个提示作用,并不会做其它操作 关键词:alert()    这个没啥好说的,就是一个弹框.  二.判断弹框     这类框有一个判断作用 关键字:confirm() if(confirm("成绩库定稿后成绩无法再做修改,点击确认将生成最终成绩库,还可能修改,请点击取消")) { // 如果点击确定 ,那就在这里添加相关逻辑 alert("保存成功") } else { //如果点击取消,那就再这操作相关逻辑 alert(