jquery 提示信息显示后自动消失
2013-12-18 15:31
681 查看
转自:/article/4482376.html
经常需要做让一个提示信息显示几秒然后自动消失的效果,之前是用setTimeout去实现,但是发现如果页面上有多个setTimeout就不太好。今天找到了两个很简单的方法.mark一下。
方法一:
Java代码
$("#errormsg").html("您的信息输入错误,请重试!").show(300).delay(3000).hide(300);
方法二:
Java代码
$("#errormsg").html("ok").hide(3000);// 这个是渐渐消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //这个是让他显示5秒(实际就是没有改变透明度),然后隐藏
经常需要做让一个提示信息显示几秒然后自动消失的效果,之前是用setTimeout去实现,但是发现如果页面上有多个setTimeout就不太好。今天找到了两个很简单的方法.mark一下。
方法一:
Java代码
$("#errormsg").html("您的信息输入错误,请重试!").show(300).delay(3000).hide(300);
方法二:
Java代码
$("#errormsg").html("ok").hide(3000);// 这个是渐渐消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //这个是让他显示5秒(实际就是没有改变透明度),然后隐藏
相关文章推荐
- jquery 提示信息显示后自动消失的具体实现
- jquery 提示信息显示后自动消失的具体实现
- 基于JQuery的浮动DIV显示提示信息并自动隐藏
- 基于JQuery的浮动DIV显示提示信息并自动隐藏
- Jquery 网站保存信息提示消息实现,提示后自动消失
- JQuery 浮动DIV显示提示信息并自动隐藏
- jQuery实现文本域内提示文字,当鼠标点击进文本域后自动消失,文本域失去鼠标焦点后显示提示文字或显示用户输入的文字。
- jQuery弹出提示信息简洁版(自动消失)
- Jquery 网站保存信息提示消息实现,提示后自动消失
- Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
- jQuery弹出Div窗口居中显示、滚动跟随、关闭按钮以及几秒后自动消失
- 文本框/域文字提示自动显示隐藏jQuery小插件
- jQuery实现拉动页面固定顶部显示且自动消失(火狐)
- Eclipse3.6 加中文包后自动提示/补全信息显示错误
- 还有如此实现方法,没试用过,mouseEntered一个按钮的时候如何让他自动显示按钮的注释信息在一个小的注释框中??鼠标移走又小的注释框又自动消失??
- js小技巧(输入框提示信息自动消失)
- JavaScript + jQuery + HTML 实现<input>提示信息的显示、隐藏,功能与jQuery EasyUI的easyui-textbox的prompt属性相同。
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- 显示一个提示框,几秒后显示框自动消失
- iOS提示信息的实现与自动消失