Jquery 网站保存信息提示消息实现，提示后自动消失

现在的大多数网站都有校验，以及信息提示：为了给用户更好的体验可以不用alert提示消息，采用jQuery提示完消息，自动消失，如下图：

css:如下：

#tip_message {z-index: 9999;position: fixed;left: 0;top: 40%;text-align: center;width: 100%;
}#tip_message span {background-color: #03C440;opacity: .8;padding: 20px 50px;border-radius: 5px;text-align: center;color: #fff;font-size: 20px;
}#tip_message span.error {background-color: #EAA000;
}

javascript代码如下：

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">$(document).ready(function(){//提示成功信息   ShowSuccessMessage = function(message, life) {var time = 50000;if (!life) {time = life;}if ($("#tip_message").text().length > 0) {var msg = "<span>" + message + "</span>";$("#tip_message").empty().append(msg);} else {var msg = "<div id='tip_message'><span>" + message + "</span></div>";$("body").append(msg);}$("#tip_message").fadeIn(time);setTimeout($("#tip_message").fadeOut(time), time);};//提示错误信息ShowErrorMessage = function(message, life) {ShowSuccessMessage(message, life);$("#tip_message span").addClass("error");};ShowMessage("Hello success!", 5000); // 第二个参数life是指消息显示时间ShowErrorMessage("Hello error!", 50000);});</script>

Jquery 网站保存信息提示消息实现，提示后自动消失相关推荐

网页弹出提示框3秒后自动消失
页面弹出提示框3秒后自动消失 <!DOCTYPE html> <html lang="en"><head><meta charset=&q ...
Axure实现提示文本单击显示后自动消失的效果
Axure实现提示文本单击显示后自动消失的效果方法/步骤如图所示,框出的部分为提示文本(已经命名为tooltip),希望达到的效果是默认加载时不显示,点击帮助图标后显示,且2秒后自动消失. 首先在 ...
一.关于实现浏览器弹窗提示内容几秒后自动消失重定向执行其他函数的两种方法
一.关于实现浏览器弹窗提示内容几秒后自动消失重定向执行其他函数的两种方法第一种方法–向body动态写入div标签调用css效果显示: (新建***.jsp放在WebContent根目录下直接访问ip ...
input文本框中添加提示文字，输入后自动消失
<input placeholder="提示文字"/> 效果: 如果小博的文章对你有所帮助,欢迎点赞留言关注!!!
axure原件总是丢失_Axure实现提示文本单击显示后自动消失的效果
FORM 一 .新增的input输入属性 1.email类型在表单提交E-mail地址时,无效的输入会生成很多无效数据,对后期的数据检索造成一定的影响.所以在表单提交之前,需要对输入的E-mail地 ...
qt弹出框自动消失的悬浮提示框_QT【简单自定义弹出提示框】：非模态，数秒后自动消失...
目标效果:一个提示信息框,创建后显示提示信息,一定时间后自动消失,不阻塞原来窗口. 思路: 自定义一个控件,继承自QWidget,构造时设置定时器,时间到则自我销毁. ### 实现代码代码一共两个文 ...
悬浮提示工具（悬浮出现自动消失）
之前做过的提示工具是使用bootstrap的模态窗做的,有人说并不好,需要点击关闭,设置时间较长但是那个提示工具就是为了时间较长,必须看到才做的,也就是说,设计之初的目的就是出现错误才看到的反馈. ...
网页即时咨询软件,网站在线客服软件ttkefu app不提示消息
手机版本请前往下载中心下载即可! 安卓用户5.0以上需注意,把后台省电加入白名单以及后台安全方面的设置,ttkefu系统会根据不同手机提示,请按提示操作.以免后台杀死进程. 手机版本请前往下载中心下载 ...
qq撤回的信息腾讯服务器有吗,腾讯官方：撤回消息为何提示对方？丨QQ新增自定义撤回消息~...
原标题:腾讯官方:撤回消息为何提示对方?丨QQ新增自定义撤回消息~ 网友"十大未解之谜"之一---撤回消息为什么还要提示对方?近日,腾讯官方终于给出了一个官方解释. 腾讯表示,在平 ...
android 未读信息反复提醒,Android仿微信未读消息数提示显示数字BadgeView大于99条显示99+...
[实例简介] Android仿微信未读消息数提示显示数字BadgeView大于99条显示99+ [实例截图] [核心代码] BadgeView └── BadgeView ├── app │ ├─ ...

Jquery 网站保存信息提示消息实现，提示后自动消失

Jquery 网站保存信息提示消息实现，提示后自动消失相关推荐

最新文章

热门文章