jquery 提示信息显示后自动消失的具体实现
更新时间:2013年12月18日 16:59:48 作者:
让提示信息显示后自动消失的方法有很多,在本文为大家介绍下使用jquery是如何做到的,感兴趣朋友可以参考下
经常需要做让一个提示信息显示几秒然后自动消失的效果,之前是用setTimeout去实现,但是发现如果页面上有多个setTimeout就不太好。今天找到了两个很简单的方法.mark一下。
方法一:
$("#errormsg").html("您的信息输入错误,请重试!").show(300).delay(3000).hide(300);
方法二:
$("#errormsg").html("ok").hide(3000);// 这个是渐渐消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //这个是让他显示5秒(实际就是没有改变透明度),然后隐藏
方法一:
复制代码 代码如下:
$("#errormsg").html("您的信息输入错误,请重试!").show(300).delay(3000).hide(300);
方法二:
复制代码 代码如下:
$("#errormsg").html("ok").hide(3000);// 这个是渐渐消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //这个是让他显示5秒(实际就是没有改变透明度),然后隐藏
相关文章
jQuery操作CheckBox的方法介绍(选中,取消,取值)
本篇文章主要是对jQuery操作CheckBox的方法(选中,取消,取值)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助2014-02-02
jquery easyui validatebox remote的使用详解
下面小编就为大家带来一篇jquery easyui validatebox remote的使用详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
本文给大家分享的是一款jQuery整屏(全屏)滚动插件网页特效,滚动鼠标滚轮整屏一屏滚动切换代码,可设置文字/图片绝对上下左右居中显示JS代码,时下最流行的jQuery全屏滚动插件!(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)2015-04-04
jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
使用XMLHttpRequest对象的responseXML的方式来接受XML数据对象的DOM对象2011-10-10


最新评论