- 【版权所有,文章允许转载,但须以链接方式注明源地址,否则追究法律责任】
- 【创作不易,点个赞就是对我最大的支持】
前言
仅作为学习笔记,供大家参考
总结的不错的话,记得点赞收藏关注哦!
效果图
导入js、css
考虑到csdn不好下载,这里附上百度云链接
链接:https://pan.baidu.com/s/1oMFrR8UV03Ke0Nl6P-KlLA
提取码:wmwm
html代码
- 将代码块直接放到body下边
<div id="pubAlert" class="alert alert-block block-b-open">
<button type="button" class="close" data-dismiss="alert"></button>
<span class="alertContent"></span>
</div>
<div id="MessageModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 id="MessageModalTitle">提示信息</h3>
</div>
<div class="modal-body" id="MessageModalContent"></div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
</div>
</div>
js代码
<script type="text/javascript">
$(function() {
xAlert("本系统将于7月进行业务升级改造,为保证7月数据正常报送,请各企业用户于7月4日-7日通过找回密码进行密码修改,如预留手机号有变更,请于6.30号之前提交企业基本信息变更申请进行变更!", 2);
});
/**
*
* 公共信息提示方法
* @param {} msg 显示的提示内容
* @param {} type 类型,默认为空,1:绿色成功信息,2:蓝色提示信息,3:橙色警告信息,4:红色错误信息
*/
function xAlert(msg,type){
var showType = "";
var showTitle = "";
var showClass = "";
if(type==undefined || type==1){
showTitle = "成功提示"
showClass = "gritter-success";
}else if(type==2){
showTitle = "信息提示"
showClass = "gritter-info";
}else if(type==3){
showTitle = "警告提示"
showClass = "gritter-warning";
}else if(type==4){
showTitle = "错误提示"
showClass = "gritter-error";
}
$.gritter.add({
title: showTitle,
text:msg,
time: 60000,
class_name: showClass+'gritter-center gritter-light'
});
}
</script>
创作不易,点个赞就是对我最大的支持~
wxgzh:程序员温眉
CSDN:程序员温眉
每天进步一点点的程序员