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

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

解决方案 »

  1.   

    我有种发发实现  $("#addMi").hide("300")   加油~~
      

  2.   

    <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>
    这样？