提示框显示2秒自动消失

<script>
$(function(){
$('input').click(function(){
if(!$('#note').is(':visible')){
$('#note').css({display:'block', top:'-100px'}).animate({top: '+100'}, 500, function(){
setTimeout(out, 2000);
});
}
});
});
function out(){
$('#note').animate({top:'0'}, 500, function(){
$(this).css({display:'none', top:'-100px'});
});
}
</script>

依赖jquery

posted @ 2016-03-25 16:29  web倩倩  阅读(537)  评论(0编辑  收藏  举报