JQUERY 实现网站提示框显示几秒后自动消失
在做网站时，经常会用天网站提示框，比如用户投稿功能，用户投稿成功之后，弹出一个提示框。常用的方法是使用JS的alert弹窗，但是这种弹窗需要人工点击确定之后才能消失。
那么怎么样制作那种显示几秒后自动消失的提示框呢？很简单，做网站时可以通过JQUERY就可以轻松实现。下面提供几种实现方法。
方法一：通过settimeout定时函数实现
<script language='javascript' type='text/javascript'>
$(function () {
setTimeout(function () {
$("#divid").show();
}, 5000);
})
</script>
注意：使用这种代码时，先要在CSS中设置DIV为display:none; 这种就会显示5秒后，自动消失。代码里的5000为时间；
方法二：纯jquery 实现弹窗信息显示几秒后自动消失
<script>
function(){
$('#divid').delay(5000).hide(0);
}
</script>
- delay函数是jquery 1.4.2新增的函数
- hide函数里必须放一个0,不然延时不起作用
方法三：将JQUERY与appendTo结合
首先，加载JQuery，然后用下面代码实现5秒后淡出效果：
$('.alert').html('操作成功').addClass('alert-success').show().delay(5000).fadeOut();
如果不想在HTML中加DIV，可以直接用JS把DIV添加到页面中，如下：
$('<div>').appendTo('body').addClass('alert alert-success').html('操作成功').show().delay(1500).fadeOut();
以上三种方法都可以实现网站提示框显示几秒后自动消失的效果。
