jquery如何实现过几秒消失的标签提示

<head>
<style>
   .quick-alert{
   width: 50%;
   margin: 1em 0;
   padding: .5em;
   background: #ffa;
   border: 1px solid #a00;
   color: #a00;
   font-weight: bold;
}
</style>
<script src="jquery.js"></script>
<script type="text/javascript">
    function fade()
{
    //停留2秒后消失,在停留的时候,透明度为1.0什么都不做
    $('<div id="add" class="quick-alert">我是添加进来的</div>').insertAfter($("#example")).animate({opacity: 1.0}, 2000).fadeOut("slow",function(){
   //隐藏时把元素删除
   $(this).remove();
});
}
</script>
</head>
<body>
    <div id="example" class="quick-alert">
   q
</div>

</br>
<input type="button" onclick="fade();">
</body>

你可能感兴趣的:(jquery)