自己写个动画提示框

/*提示框*/
/*html*/
/*<div id="tip"></div>*/
/*css*/
/*#tip {
position: fixed;
top: 20 px;
left: 10 % ;
background: #6786FF;
color: # FFFFFF;
width: 80 % ;
height: 40 px;
font - size: 14 px;
border - radius: 5 px;
line - height: 40 px;
text - align: center;
display: none;
z - index: 999;
}*/
/*js*/
var tip;
function tip() {
$("#tip").fadeOut(1000)
}
$("#tip").text("你好")
$("#tip").fadeIn(500)
setTimeout(tip, 3000)