小米论坛的效果怎么实现啊发帖以后会提示增加1米，然后慢慢消失-JavaSript-爱易网页

小米论坛的效果怎么实现啊发帖以后会提示增加1米，然后慢慢消失

日期：2014-05-16　浏览次数：20395 次

小米论坛的效果如何实现啊，发帖以后会提示增加1米，然后慢慢消失
小米论坛的效果如何实现啊，发帖以后会提示增加1米，然后慢慢消失，这个是什么提示啊，如何写js代码啊。

------解决方案--------------------
我有种发发实现 $("#addMi").hide("300") 加油~~
------解决方案--------------------
<script type="text/javascript">
function AddDiv(){
this.div=document.createElement("div");
this.fil=100;
this.opa=1;
this.time="";
this.div.innerHTML="test";
this.div.style.filter="alpha(opacity=100)";
this.div.style.opacity=1;
var b=document.getElementById("button");
var p=b.parentNode;
p.insertBefore(this.div,b);
this.disappear();
}
AddDiv.prototype.disappear=function(){
this.fil-=1;
this.opa-=0.1;
this.div.style.filter="alpha(opacity="+this.fil+")";
this.div.style.opacity=this.opa;
this.time=window.setTimeout(this.disappear.bind(this),100);
if(this.fil<=0&&this.opa<=0){
window.clearTimeout(this.time);
}
}
function add(){
new AddDiv();
}
</script>
</head>

<body>
<input type="button" onclick="add()" value="add" id="button">
</body>
这样？
------解决方案--------------------
xmlhttp